fix(user-center): embed official certification panel

assets/js/routes/user-center.js

@@ -27,7 +27,7 @@
 		if (!tabContainer) return;
 
 		var tabs = tabContainer.querySelectorAll('[data-tab]');
-		var sidebarBtns = document.querySelectorAll('.uc-sidebar__btn[data-tab]');
+		var sidebarBtns = document.querySelectorAll('.uc-sidebar__btn[data-tab], .uc-service-grid__item[data-tab]');
 		var panels = {};
 		var defaultTab = cfg.defaultTab || 'profile';
 		var drawerTrigger = document.getElementById('uc-drawer-trigger');
@@ -193,6 +193,92 @@
 		});
 	}
 
+	function initAuthForm() {
+		var modal = document.getElementById('uc-auth-modal');
+		if (!modal || modal.dataset.authModalBound === '1') return;
+		modal.dataset.authModalBound = '1';
+
+		function openModal() {
+			modal.classList.add('is-open');
+			modal.setAttribute('aria-hidden', 'false');
+			document.body.style.overflow = 'hidden';
+			var first = modal.querySelector('input:not([type="hidden"]), select, textarea, button');
+			if (first) window.setTimeout(function() { first.focus(); }, 80);
+		}
+
+		function closeModal() {
+			modal.classList.remove('is-open');
+			modal.setAttribute('aria-hidden', 'true');
+			document.body.style.overflow = '';
+		}
+
+		document.querySelectorAll('[data-auth-modal-open]').forEach(function(button) {
+			button.addEventListener('click', openModal);
+		});
+		modal.querySelectorAll('[data-auth-modal-close]').forEach(function(button) {
+			button.addEventListener('click', closeModal);
+		});
+		document.addEventListener('keydown', function(event) {
+			if (event.key === 'Escape' && modal.classList.contains('is-open')) closeModal();
+		});
+
+		var fileInput = modal.querySelector('[data-auth-files]');
+		var previews = modal.querySelector('[data-auth-previews]');
+		if (fileInput && previews) {
+			fileInput.addEventListener('change', function() {
+				previews.innerHTML = '';
+				var files = Array.prototype.slice.call(fileInput.files || []);
+				if (files.length > 3) {
+					showToast('证明材料最多上传 3 张');
+					fileInput.value = '';
+					return;
+				}
+				for (var index = 0; index < files.length; index++) {
+					if (files[index].size > 2 * 1024 * 1024) {
+						showToast('单张图片不能超过 2MB');
+						fileInput.value = '';
+						previews.innerHTML = '';
+						return;
+					}
+					var image = document.createElement('img');
+					image.src = URL.createObjectURL(files[index]);
+					image.alt = '';
+					image.onload = function() { URL.revokeObjectURL(this.src); };
+					previews.appendChild(image);
+				}
+			});
+		}
+
+		var form = modal.querySelector('.aksrt-user-auth-form');
+		if (!form) return;
+		form.addEventListener('submit', function(e) {
+			e.preventDefault();
+			var button = form.querySelector('[type="submit"]');
+			var message = form.querySelector('[data-auth-message]');
+			var original = button ? button.textContent : '';
+			if (button) {
+				button.disabled = true;
+				button.textContent = i18n.submitting || '提交中…';
+			}
+			if (message) message.textContent = '';
+			fetch(ajaxUrl, { method: 'POST', body: new FormData(form), credentials: 'same-origin' })
+				.then(function(response) { return response.json(); })
+				.then(function(response) {
+					if (!response || response.error) throw new Error((response && response.msg) || '提交失败');
+					showToast(response.msg || '提交成功');
+					window.setTimeout(function() { window.location.assign(tabUrls.auth || '?tab=auth'); }, 500);
+				})
+				.catch(function(error) {
+					if (message) message.textContent = error.message || '提交失败';
+					showToast(error.message || '提交失败');
+					if (button) {
+						button.disabled = false;
+						button.textContent = original;
+					}
+				});
+		});
+	}
+
 	/* ==================== 列表内取消收藏 ==================== */
 	function initUnfavorite() {
 		var list = document.querySelector('.profile-list[data-list="favorites"]');
@@ -678,6 +764,7 @@
 		document.addEventListener('DOMContentLoaded', function() {
 			initDashboardNavigation();
 			initProfileForm();
+			initAuthForm();
 			initUnfavorite();
 			initNotifications();
 			initSettings();
@@ -685,6 +772,7 @@
 	} else {
 		initDashboardNavigation();
 		initProfileForm();
+		initAuthForm();
 		initUnfavorite();
 		initNotifications();
 		initSettings();

assets/js/user-auth-page.js

@@ -1,64 +0,0 @@
-/**
- * User auth apply form AJAX.
- *
- * @package AKSRT
- */
-(function () {
-  'use strict';
-
-  function ajaxUrl() {
-    if (window.aksrtData && window.aksrtData.ajaxUrl) return window.aksrtData.ajaxUrl;
-    return '/wp-admin/admin-ajax.php';
-  }
-
-  function toast(msg, type) {
-    if (window.aksrt && typeof window.aksrt.toast === 'function') {
-      window.aksrt.toast(msg, type || 'info');
-      return;
-    }
-    // eslint-disable-next-line no-alert
-    window.alert(msg);
-  }
-
-  function init() {
-    var form = document.querySelector('.aksrt-user-auth-form');
-    if (!form) return;
-
-    form.addEventListener('submit', function (e) {
-      e.preventDefault();
-      var btn = form.querySelector('button[type="submit"]');
-      if (btn) btn.disabled = true;
-      var fd = new FormData(form);
-      if (!fd.get('action')) fd.set('action', 'aksrt_user_auth_apply');
-
-      fetch(ajaxUrl(), {
-        method: 'POST',
-        body: fd,
-        credentials: 'same-origin',
-      })
-        .then(function (r) { return r.json(); })
-        .then(function (data) {
-          if (!data || data.error) {
-            toast((data && data.msg) || '提交失败', 'danger');
-            return;
-          }
-          toast(data.msg || '提交成功', 'success');
-          if (data.reload) {
-            window.setTimeout(function () { window.location.reload(); }, 500);
-          }
-        })
-        .catch(function () {
-          toast('网络错误', 'danger');
-        })
-        .finally(function () {
-          if (btn) btn.disabled = false;
-        });
-    });
-  }
-
-  if (document.readyState === 'loading') {
-    document.addEventListener('DOMContentLoaded', init);
-  } else {
-    init();
-  }
-})();