From b5fbc1add923a0d3a5f9d86b844c8b3e04ee9381 Mon Sep 17 00:00:00 2001 From: zhx Date: Thu, 4 Jun 2026 22:56:11 +0800 Subject: [PATCH] =?UTF-8?q?=E5=85=AC=E4=BC=9A=E7=B3=BB=E7=BB=9F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- common/api.js | 119 +++ common/locales/ar.json | 88 +- common/locales/en.json | 92 ++- common/locales/es.json | 88 +- common/locales/id.json | 90 ++- common/locales/tr.json | 88 +- common/locales/zh.json | 98 ++- gonghui/bd-center/index.html | 11 +- gonghui/bd-center/script.js | 450 ++++++++--- gonghui/bd-leader/index.html | 327 ++++++++ gonghui/bd-leader/script.js | 876 ++++++++++++++++++++ gonghui/bd-leader/style.css | 521 ++++++++++++ gonghui/coinseller-center/index.html | 439 ++++++++++ gonghui/coinseller-center/script.js | 1121 ++++++++++++++++++++++++++ gonghui/coinseller-center/style.css | 550 +++++++++++++ gonghui/common/center.css | 108 ++- gonghui/host-center/style.css | 104 --- gonghui/superadmin-center/index.html | 5 +- gonghui/superadmin-center/script.js | 450 +++++++++-- gonghui/superadmin-center/style.css | 4 + gonghui/withdraw-exchange/index.html | 14 +- gonghui/withdraw-exchange/script.js | 354 ++++++-- gonghui/withdraw-exchange/style.css | 8 +- 23 files changed, 5665 insertions(+), 340 deletions(-) create mode 100644 gonghui/bd-leader/index.html create mode 100644 gonghui/bd-leader/script.js create mode 100644 gonghui/bd-leader/style.css create mode 100644 gonghui/coinseller-center/index.html create mode 100644 gonghui/coinseller-center/script.js create mode 100644 gonghui/coinseller-center/style.css diff --git a/common/api.js b/common/api.js index 79ecd3a..e79fe2b 100644 --- a/common/api.js +++ b/common/api.js @@ -85,6 +85,16 @@ var default_api = 'https://api.global-interaction.com/'; } function getAccessToken() { + var queryToken = + readQuery('token') || + readQuery('access_token') || + readQuery('accessToken'); + if (queryToken) { + memoryAccessToken = queryToken; + if (shouldPersist()) + window.localStorage.setItem(ACCESS_TOKEN_KEY, queryToken); + return queryToken; + } if (memoryAccessToken) return memoryAccessToken; if (!shouldPersist()) return ''; return window.localStorage.getItem(ACCESS_TOKEN_KEY) || ''; @@ -235,6 +245,15 @@ var default_api = 'https://api.global-interaction.com/'; method: 'GET', }); }, + resolveDisplayUserID: function (displayUserID) { + return request( + '/api/v1/users/by-display-user-id/' + + encodeURIComponent(displayUserID || ''), + { + method: 'GET', + } + ); + }, }; var walletAPI = { @@ -247,6 +266,48 @@ var default_api = 'https://api.global-interaction.com/'; query: { asset_type: value }, }); }, + transactions: function (params) { + return request('/api/v1/wallet/transactions', { + method: 'GET', + query: params || {}, + }); + }, + transferCoinFromSeller: function (payload) { + return request('/api/v1/wallet/coin-seller/transfer', { + method: 'POST', + body: payload || {}, + }); + }, + }; + + var salaryWalletAPI = { + overview: function (identity) { + return request('/api/v1/salary-wallet/overview', { + method: 'GET', + query: { identity: identity }, + }); + }, + searchCoinSeller: function (displayUserID, identity) { + return request('/api/v1/salary-wallet/coin-sellers/search', { + method: 'GET', + query: { + display_user_id: displayUserID, + identity: identity, + }, + }); + }, + exchange: function (payload) { + return request('/api/v1/salary-wallet/exchange', { + method: 'POST', + body: payload || {}, + }); + }, + transferToCoinSeller: function (payload) { + return request('/api/v1/salary-wallet/transfer-to-coin-seller', { + method: 'POST', + body: payload || {}, + }); + }, }; var hostAPI = { @@ -318,6 +379,60 @@ var default_api = 'https://api.global-interaction.com/'; }, }; + var bdLeaderCenterAPI = { + overview: function () { + return request('/api/v1/bd-leader-center/overview', { + method: 'GET', + }); + }, + bds: function (pageSize) { + return request('/api/v1/bd-leader-center/bds', { + method: 'GET', + query: { page_size: pageSize || 20 }, + }); + }, + agencies: function (pageSize) { + return request('/api/v1/bd-leader-center/agencies', { + method: 'GET', + query: { page_size: pageSize || 20 }, + }); + }, + inviteBD: function (payload) { + return request('/api/v1/bd-leader/invitations/bd', { + method: 'POST', + body: payload || {}, + }); + }, + inviteAgency: function (payload) { + return request('/api/v1/bd-leader/invitations/agency', { + method: 'POST', + body: payload || {}, + }); + }, + }; + + var bdCenterAPI = { + overview: function () { + return request('/api/v1/bd-center/overview', { + method: 'GET', + }); + }, + agencies: function (pageSize) { + return request('/api/v1/bd-center/agencies', { + method: 'GET', + query: { page_size: pageSize || 20 }, + }); + }, + inviteAgency: function (payload) { + return request('/api/v1/bd/invitations/agency', { + method: 'POST', + body: payload || {}, + }); + }, + }; + + var superadminCenterAPI = bdLeaderCenterAPI; + var levelAPI = { overview: function () { return request('/api/v1/levels/me/overview', { method: 'GET' }); @@ -364,9 +479,13 @@ var default_api = 'https://api.global-interaction.com/'; vip: vipAPI, user: userAPI, wallet: walletAPI, + salaryWallet: salaryWalletAPI, host: hostAPI, hostCenter: hostCenterAPI, agencyCenter: agencyCenterAPI, + bdCenter: bdCenterAPI, + bdLeaderCenter: bdLeaderCenterAPI, + superadminCenter: superadminCenterAPI, level: levelAPI, }; clearLocalDevCache(); diff --git a/common/locales/ar.json b/common/locales/ar.json index c84e01b..84b6a7e 100644 --- a/common/locales/ar.json +++ b/common/locales/ar.json @@ -101,6 +101,9 @@ "withdraw_exchange.no_salary_history": "لا يوجد سجل راتب", "withdraw_exchange.balance": "الرصيد", "withdraw_exchange.history_host_salary": "راتب المضيف", + "withdraw_exchange.history_agency_salary": "راتب الوكالة", + "withdraw_exchange.history_bd_salary": "راتب BD", + "withdraw_exchange.history_admin_salary": "راتب المسؤول", "withdraw_exchange.history_exchange_to_golds": "تبديل إلى عملات", "withdraw_exchange.history_gift_reward": "مكافأة الهدايا", "withdraw_exchange.mock_user_name": "المستخدم {account}", @@ -146,7 +149,7 @@ "bd_center.change_language": "تغيير اللغة", "bd_center.role": "BD", "bd_center.salary": "الراتب", - "bd_center.withdraw_exchange": "Withdraw/Exchange", + "bd_center.withdraw_exchange": "سحب/تبديل", "bd_center.invite_agent": "دعوة وكيل", "bd_center.agency_list": "قائمة الوكالات", "bd_center.agency_statistics": "إحصائيات الوكالات", @@ -169,6 +172,38 @@ "bd_center.close": "إغلاق", "bd_center.mock_navigation": "انتقال تجريبي: {label}", "bd_center.mock_bill_loaded": "تم تحميل فاتورة تجريبية.", + "bd_center.load_failed": "فشل التحميل. حاول مرة أخرى لاحقًا.", + "bd_center.api_not_ready": "وحدة API غير جاهزة.", + "bd_center.searching": "جارٍ البحث...", + "bd_center.search_failed": "فشل البحث. حاول مرة أخرى لاحقًا.", + "bd_center.invite_failed": "فشلت الدعوة. حاول مرة أخرى لاحقًا.", + "bd_center.agency_added": "تمت إضافة الوكالة.", + "bd_center.tools": "أدوات BD", + "bd_leader_center.back": "رجوع", + "bd_leader_center.title": "مركز BD Leader", + "bd_leader_center.change_language": "تغيير اللغة", + "bd_leader_center.role": "BD Leader", + "bd_leader_center.salary": "الراتب", + "bd_leader_center.withdraw_exchange": "سحب/تبديل", + "bd_leader_center.salary_history": "سجل الراتب", + "bd_leader_center.invite_bd": "دعوة BD", + "bd_leader_center.bd_list": "قائمة BD", + "bd_leader_center.close": "إغلاق", + "bd_leader_center.enter_user_id": "أدخل معرف المستخدم", + "bd_leader_center.search": "بحث", + "bd_leader_center.no_users_found": "لم يتم العثور على مستخدمين", + "bd_leader_center.uid_prefix": "UID: {uid}", + "bd_leader_center.bd_number": "عدد BD", + "bd_leader_center.agencies": "الوكالات", + "bd_leader_center.agency_number": "عدد الوكالات", + "bd_leader_center.team_salary": "راتب الفريق", + "bd_leader_center.team_recharge": "شحن الفريق", + "bd_leader_center.total_income": "إجمالي الدخل", + "bd_leader_center.previous_income": "دخل الفترة السابقة", + "bd_leader_center.in_progress": "قيد التنفيذ", + "bd_leader_center.invite": "دعوة", + "bd_leader_center.invite_success": "تم إرسال الدعوة.", + "bd_leader_center.tools": "أدوات BD Leader", "agency_center.title": "مركز الوكالة", "agency_center.back": "رجوع", "agency_center.change_language": "تغيير اللغة", @@ -212,5 +247,54 @@ "agency_center.invite_step_1": "ادع المستخدمين لتنزيل التطبيق.", "agency_center.invite_step_2": "يجب على المستخدمين المدعوين تسجيل الدخول إلى التطبيق.", "agency_center.invite_step_3": "Me > Host Center > Apply to join the team.", - "agency_center.invite_step_4": "أدخل معرف الفريق ثم اضغط إرسال." + "agency_center.invite_step_4": "أدخل معرف الفريق ثم اضغط إرسال.", + "coinseller_center.title": "مركز بائع العملات", + "coinseller_center.back": "رجوع", + "coinseller_center.change_language": "تغيير اللغة", + "coinseller_center.role": "بائع عملات", + "coinseller_center.coins": "العملات", + "coinseller_center.coins_lower": "عملات", + "coinseller_center.available_stock": "الرصيد المتاح", + "coinseller_center.history": "السجل", + "coinseller_center.help": "مساعدة", + "coinseller_center.recharge_user": "شحن المستخدم", + "coinseller_center.search_by_user_id": "البحث بمعرف المستخدم", + "coinseller_center.enter_user_id": "أدخل معرف المستخدم", + "coinseller_center.search": "بحث", + "coinseller_center.target_user": "المستخدم الهدف", + "coinseller_center.change": "تغيير", + "coinseller_center.recharge_coins": "شحن العملات", + "coinseller_center.enter_coin_amount": "أدخل كمية العملات", + "coinseller_center.coin_amount_placeholder": "أدخل كمية العملات", + "coinseller_center.recharge_now": "اشحن الآن", + "coinseller_center.recent_records": "السجلات الأخيرة", + "coinseller_center.today_activity": "نشاط اليوم", + "coinseller_center.view_all": "عرض الكل", + "coinseller_center.close": "إغلاق", + "coinseller_center.transaction_records": "سجلات المعاملات", + "coinseller_center.cancel": "إلغاء", + "coinseller_center.income": "الدخل", + "coinseller_center.expenditure": "المصروفات", + "coinseller_center.load_more": "تحميل المزيد", + "coinseller_center.faq_title": "الأسئلة الشائعة", + "coinseller_center.faq_question_1": "كيف أشحن؟", + "coinseller_center.faq_answer_1": "ابحث عن المستخدم، أدخل كمية العملات، ثم أكد الشحن.", + "coinseller_center.faq_question_2": "كيف أتحقق من السجلات؟", + "coinseller_center.faq_answer_2": "افتح السجل وبدل بين الدخل والمصروفات.", + "coinseller_center.uid_prefix": "UID: {id}", + "coinseller_center.stock_region": "المنطقة: {region}", + "coinseller_center.user_name_template": "المستخدم {id}", + "coinseller_center.stock_transfer": "تحويل المخزون", + "coinseller_center.transfer_out": "تحويل للخارج", + "coinseller_center.system": "النظام", + "coinseller_center.no_transaction_records": "لا توجد سجلات معاملات", + "coinseller_center.select_user_first": "اختر مستخدما أولا.", + "coinseller_center.valid_amount_required": "أدخل مبلغا صالحا.", + "coinseller_center.amount_exceeds_stock": "المبلغ يتجاوز الرصيد.", + "coinseller_center.recharge_success": "تم الشحن بنجاح.", + "coinseller_center.user_not_found": "لم يتم العثور على المستخدم.", + "coinseller_center.user_selected": "تم اختيار المستخدم.", + "coinseller_center.loading": "جار التحميل...", + "coinseller_center.load_failed": "فشل التحميل. حاول مرة أخرى لاحقا.", + "coinseller_center.transfer_failed": "فشل التحويل." } diff --git a/common/locales/en.json b/common/locales/en.json index ce84c17..92e2702 100644 --- a/common/locales/en.json +++ b/common/locales/en.json @@ -76,6 +76,7 @@ "withdraw_exchange.exchange_amount": "Exchange amount", "withdraw_exchange.transfer_to": "Transfer to", "withdraw_exchange.transfer_amount": "Transfer amount", + "withdraw_exchange.estimated_coins": "Estimated coins", "withdraw_exchange.search": "Search", "withdraw_exchange.searching": "Searching...", "withdraw_exchange.minimum": "Minimum 50 USD", @@ -101,6 +102,9 @@ "withdraw_exchange.no_salary_history": "No salary history", "withdraw_exchange.balance": "Balance", "withdraw_exchange.history_host_salary": "Host salary", + "withdraw_exchange.history_agency_salary": "Agency salary", + "withdraw_exchange.history_bd_salary": "BD salary", + "withdraw_exchange.history_admin_salary": "Admin salary", "withdraw_exchange.history_exchange_to_golds": "Exchange to golds", "withdraw_exchange.history_gift_reward": "Gift reward", "withdraw_exchange.mock_user_name": "User {account}", @@ -115,6 +119,11 @@ "withdraw_exchange.withdraw_success": "Withdrawal submitted", "withdraw_exchange.exchange_success": "Exchange success", "withdraw_exchange.transfer_success": "Transfer success", + "withdraw_exchange.rate_not_configured": "Exchange rate not configured.", + "withdraw_exchange.withdraw_not_available": "Withdraw is not available yet.", + "withdraw_exchange.submit_failed": "Submit failed.", + "withdraw_exchange.load_failed": "Load failed. Try again later.", + "withdraw_exchange.search_failed": "Search failed. Try again later.", "superadmin_center.back": "Back", "superadmin_center.title": "Super Admin Center", "superadmin_center.change_language": "Change language", @@ -169,6 +178,38 @@ "bd_center.close": "Close", "bd_center.mock_navigation": "Mock navigation: {label}", "bd_center.mock_bill_loaded": "Mock bill loaded.", + "bd_center.load_failed": "Load failed. Try again later.", + "bd_center.api_not_ready": "API module is not ready.", + "bd_center.searching": "Searching...", + "bd_center.search_failed": "Search failed. Try again later.", + "bd_center.invite_failed": "Invite failed. Try again later.", + "bd_center.agency_added": "Agency added.", + "bd_center.tools": "BD tools", + "bd_leader_center.back": "Back", + "bd_leader_center.title": "BD Leader Center", + "bd_leader_center.change_language": "Change language", + "bd_leader_center.role": "BD Leader", + "bd_leader_center.salary": "Salary", + "bd_leader_center.withdraw_exchange": "Withdraw/Exchange", + "bd_leader_center.salary_history": "Salary History", + "bd_leader_center.invite_bd": "Invite BD", + "bd_leader_center.bd_list": "BD List", + "bd_leader_center.close": "Close", + "bd_leader_center.enter_user_id": "Enter User ID", + "bd_leader_center.search": "Search", + "bd_leader_center.no_users_found": "No users found", + "bd_leader_center.uid_prefix": "UID: {uid}", + "bd_leader_center.bd_number": "BD number", + "bd_leader_center.agencies": "Agencies", + "bd_leader_center.agency_number": "Agency number", + "bd_leader_center.team_salary": "Team salary", + "bd_leader_center.team_recharge": "Team recharge", + "bd_leader_center.total_income": "Total income", + "bd_leader_center.previous_income": "Previous income", + "bd_leader_center.in_progress": "In progress", + "bd_leader_center.invite": "Invite", + "bd_leader_center.invite_success": "Invitation submitted.", + "bd_leader_center.tools": "BD Leader tools", "agency_center.title": "Agency Center", "agency_center.back": "Back", "agency_center.change_language": "Change language", @@ -212,5 +253,54 @@ "agency_center.invite_step_1": "Invite users to download APP.", "agency_center.invite_step_2": "Invited users need to log in to the APP.", "agency_center.invite_step_3": "Me > Host Center > Apply to join the team.", - "agency_center.invite_step_4": "Enter the team ID, click send to join." + "agency_center.invite_step_4": "Enter the team ID, click send to join.", + "coinseller_center.title": "Coin Seller Center", + "coinseller_center.back": "Back", + "coinseller_center.change_language": "Change language", + "coinseller_center.role": "Coin Seller", + "coinseller_center.coins": "Coins", + "coinseller_center.coins_lower": "coins", + "coinseller_center.available_stock": "Available stock", + "coinseller_center.history": "History", + "coinseller_center.help": "Help", + "coinseller_center.recharge_user": "Recharge user", + "coinseller_center.search_by_user_id": "Search by user ID", + "coinseller_center.enter_user_id": "Enter user ID", + "coinseller_center.search": "Search", + "coinseller_center.target_user": "Target user", + "coinseller_center.change": "Change", + "coinseller_center.recharge_coins": "Recharge coins", + "coinseller_center.enter_coin_amount": "Enter coins amount", + "coinseller_center.coin_amount_placeholder": "Enter coins amount", + "coinseller_center.recharge_now": "Recharge now", + "coinseller_center.recent_records": "Recent records", + "coinseller_center.today_activity": "Today's activity", + "coinseller_center.view_all": "View all", + "coinseller_center.close": "Close", + "coinseller_center.transaction_records": "Transaction records", + "coinseller_center.cancel": "Cancel", + "coinseller_center.income": "Income", + "coinseller_center.expenditure": "Expenditure", + "coinseller_center.load_more": "Load more", + "coinseller_center.faq_title": "FAQ", + "coinseller_center.faq_question_1": "How to recharge?", + "coinseller_center.faq_answer_1": "Search a user, enter the coin amount, then confirm recharge.", + "coinseller_center.faq_question_2": "How to check records?", + "coinseller_center.faq_answer_2": "Open history and switch between income and expenditure.", + "coinseller_center.uid_prefix": "UID: {id}", + "coinseller_center.stock_region": "Region: {region}", + "coinseller_center.user_name_template": "User {id}", + "coinseller_center.stock_transfer": "Stock transfer", + "coinseller_center.transfer_out": "Transfer out", + "coinseller_center.system": "System", + "coinseller_center.no_transaction_records": "No transaction records", + "coinseller_center.select_user_first": "Select a user first.", + "coinseller_center.valid_amount_required": "Please enter a valid amount.", + "coinseller_center.amount_exceeds_stock": "Amount exceeds stock.", + "coinseller_center.recharge_success": "Recharge success.", + "coinseller_center.user_not_found": "User not found.", + "coinseller_center.user_selected": "User selected.", + "coinseller_center.loading": "Loading...", + "coinseller_center.load_failed": "Load failed. Try again later.", + "coinseller_center.transfer_failed": "Transfer failed." } diff --git a/common/locales/es.json b/common/locales/es.json index 3d05455..7e59f1f 100644 --- a/common/locales/es.json +++ b/common/locales/es.json @@ -101,6 +101,9 @@ "withdraw_exchange.no_salary_history": "No hay historial salarial", "withdraw_exchange.balance": "Saldo", "withdraw_exchange.history_host_salary": "Salario de host", + "withdraw_exchange.history_agency_salary": "Salario de agencia", + "withdraw_exchange.history_bd_salary": "Salario BD", + "withdraw_exchange.history_admin_salary": "Salario admin", "withdraw_exchange.history_exchange_to_golds": "Intercambio a monedas", "withdraw_exchange.history_gift_reward": "Recompensa de regalos", "withdraw_exchange.mock_user_name": "Usuario {account}", @@ -146,7 +149,7 @@ "bd_center.change_language": "Cambiar idioma", "bd_center.role": "BD", "bd_center.salary": "Salario", - "bd_center.withdraw_exchange": "Withdraw/Exchange", + "bd_center.withdraw_exchange": "Retirar/Canjear", "bd_center.invite_agent": "Invitar agente", "bd_center.agency_list": "Lista de agencias", "bd_center.agency_statistics": "Estadísticas de agencias", @@ -169,6 +172,38 @@ "bd_center.close": "Cerrar", "bd_center.mock_navigation": "Navegación mock: {label}", "bd_center.mock_bill_loaded": "Factura mock cargada.", + "bd_center.load_failed": "Error al cargar. Inténtalo de nuevo más tarde.", + "bd_center.api_not_ready": "El módulo API no está listo.", + "bd_center.searching": "Buscando...", + "bd_center.search_failed": "Error de búsqueda. Inténtalo de nuevo más tarde.", + "bd_center.invite_failed": "Error al invitar. Inténtalo de nuevo más tarde.", + "bd_center.agency_added": "Agencia agregada.", + "bd_center.tools": "Herramientas BD", + "bd_leader_center.back": "Volver", + "bd_leader_center.title": "Centro de líder BD", + "bd_leader_center.change_language": "Cambiar idioma", + "bd_leader_center.role": "Líder BD", + "bd_leader_center.salary": "Salario", + "bd_leader_center.withdraw_exchange": "Retirar/Canjear", + "bd_leader_center.salary_history": "Historial salarial", + "bd_leader_center.invite_bd": "Invitar BD", + "bd_leader_center.bd_list": "Lista BD", + "bd_leader_center.close": "Cerrar", + "bd_leader_center.enter_user_id": "Ingresa el ID de usuario", + "bd_leader_center.search": "Buscar", + "bd_leader_center.no_users_found": "No se encontraron usuarios", + "bd_leader_center.uid_prefix": "UID: {uid}", + "bd_leader_center.bd_number": "Número de BD", + "bd_leader_center.agencies": "Agencias", + "bd_leader_center.agency_number": "Número de agencias", + "bd_leader_center.team_salary": "Salario del equipo", + "bd_leader_center.team_recharge": "Recarga del equipo", + "bd_leader_center.total_income": "Ingreso total", + "bd_leader_center.previous_income": "Ingreso anterior", + "bd_leader_center.in_progress": "En progreso", + "bd_leader_center.invite": "Invitar", + "bd_leader_center.invite_success": "Invitación enviada.", + "bd_leader_center.tools": "Herramientas de líder BD", "agency_center.title": "Centro de agencia", "agency_center.back": "Volver", "agency_center.change_language": "Cambiar idioma", @@ -212,5 +247,54 @@ "agency_center.invite_step_1": "Invita usuarios a descargar la APP.", "agency_center.invite_step_2": "Los usuarios invitados deben iniciar sesión en la APP.", "agency_center.invite_step_3": "Me > Host Center > Solicitar unirse al equipo.", - "agency_center.invite_step_4": "Ingresa el ID del equipo y toca enviar." + "agency_center.invite_step_4": "Ingresa el ID del equipo y toca enviar.", + "coinseller_center.title": "Centro de vendedor de monedas", + "coinseller_center.back": "Volver", + "coinseller_center.change_language": "Cambiar idioma", + "coinseller_center.role": "Vendedor de monedas", + "coinseller_center.coins": "Monedas", + "coinseller_center.coins_lower": "monedas", + "coinseller_center.available_stock": "Stock disponible", + "coinseller_center.history": "Historial", + "coinseller_center.help": "Ayuda", + "coinseller_center.recharge_user": "Recargar usuario", + "coinseller_center.search_by_user_id": "Buscar por ID de usuario", + "coinseller_center.enter_user_id": "Ingresa el ID de usuario", + "coinseller_center.search": "Buscar", + "coinseller_center.target_user": "Usuario objetivo", + "coinseller_center.change": "Cambiar", + "coinseller_center.recharge_coins": "Recargar monedas", + "coinseller_center.enter_coin_amount": "Ingresa la cantidad de monedas", + "coinseller_center.coin_amount_placeholder": "Ingresa la cantidad de monedas", + "coinseller_center.recharge_now": "Recargar ahora", + "coinseller_center.recent_records": "Registros recientes", + "coinseller_center.today_activity": "Actividad de hoy", + "coinseller_center.view_all": "Ver todo", + "coinseller_center.close": "Cerrar", + "coinseller_center.transaction_records": "Registros de transacciones", + "coinseller_center.cancel": "Cancelar", + "coinseller_center.income": "Ingreso", + "coinseller_center.expenditure": "Gasto", + "coinseller_center.load_more": "Cargar más", + "coinseller_center.faq_title": "FAQ", + "coinseller_center.faq_question_1": "¿Cómo recargar?", + "coinseller_center.faq_answer_1": "Busca un usuario, ingresa la cantidad de monedas y confirma la recarga.", + "coinseller_center.faq_question_2": "¿Cómo revisar los registros?", + "coinseller_center.faq_answer_2": "Abre el historial y cambia entre ingresos y gastos.", + "coinseller_center.uid_prefix": "UID: {id}", + "coinseller_center.stock_region": "Región: {region}", + "coinseller_center.user_name_template": "Usuario {id}", + "coinseller_center.stock_transfer": "Transferencia de stock", + "coinseller_center.transfer_out": "Transferencia saliente", + "coinseller_center.system": "Sistema", + "coinseller_center.no_transaction_records": "No hay registros de transacciones", + "coinseller_center.select_user_first": "Selecciona un usuario primero.", + "coinseller_center.valid_amount_required": "Ingresa una cantidad válida.", + "coinseller_center.amount_exceeds_stock": "La cantidad supera el stock.", + "coinseller_center.recharge_success": "Recarga exitosa.", + "coinseller_center.user_not_found": "Usuario no encontrado.", + "coinseller_center.user_selected": "Usuario seleccionado.", + "coinseller_center.loading": "Cargando...", + "coinseller_center.load_failed": "Error al cargar. Inténtalo de nuevo más tarde.", + "coinseller_center.transfer_failed": "Transferencia fallida." } diff --git a/common/locales/id.json b/common/locales/id.json index 8d17e6d..b87fac9 100644 --- a/common/locales/id.json +++ b/common/locales/id.json @@ -101,6 +101,9 @@ "withdraw_exchange.no_salary_history": "Belum ada riwayat gaji", "withdraw_exchange.balance": "Saldo", "withdraw_exchange.history_host_salary": "Gaji host", + "withdraw_exchange.history_agency_salary": "Gaji agency", + "withdraw_exchange.history_bd_salary": "Gaji BD", + "withdraw_exchange.history_admin_salary": "Gaji admin", "withdraw_exchange.history_exchange_to_golds": "Tukar ke koin", "withdraw_exchange.history_gift_reward": "Reward hadiah", "withdraw_exchange.mock_user_name": "Pengguna {account}", @@ -146,8 +149,8 @@ "bd_center.change_language": "Ganti bahasa", "bd_center.role": "BD", "bd_center.salary": "Gaji", - "bd_center.withdraw_exchange": "Withdraw/Exchange", - "bd_center.invite_agent": "Invite Agent", + "bd_center.withdraw_exchange": "Tarik/Tukar", + "bd_center.invite_agent": "Undang Agent", "bd_center.agency_list": "Daftar agency", "bd_center.agency_statistics": "Statistik agency", "bd_center.month": "Bulan", @@ -169,6 +172,38 @@ "bd_center.close": "Tutup", "bd_center.mock_navigation": "Navigasi mock: {label}", "bd_center.mock_bill_loaded": "Tagihan mock dimuat.", + "bd_center.load_failed": "Gagal memuat. Coba lagi nanti.", + "bd_center.api_not_ready": "Modul API belum siap.", + "bd_center.searching": "Mencari...", + "bd_center.search_failed": "Pencarian gagal. Coba lagi nanti.", + "bd_center.invite_failed": "Undangan gagal. Coba lagi nanti.", + "bd_center.agency_added": "Agency ditambahkan.", + "bd_center.tools": "Alat BD", + "bd_leader_center.back": "Kembali", + "bd_leader_center.title": "Pusat BD Leader", + "bd_leader_center.change_language": "Ganti bahasa", + "bd_leader_center.role": "BD Leader", + "bd_leader_center.salary": "Gaji", + "bd_leader_center.withdraw_exchange": "Tarik/Tukar", + "bd_leader_center.salary_history": "Riwayat gaji", + "bd_leader_center.invite_bd": "Undang BD", + "bd_leader_center.bd_list": "Daftar BD", + "bd_leader_center.close": "Tutup", + "bd_leader_center.enter_user_id": "Masukkan ID Pengguna", + "bd_leader_center.search": "Cari", + "bd_leader_center.no_users_found": "Pengguna tidak ditemukan", + "bd_leader_center.uid_prefix": "UID: {uid}", + "bd_leader_center.bd_number": "Jumlah BD", + "bd_leader_center.agencies": "Agency", + "bd_leader_center.agency_number": "Jumlah agency", + "bd_leader_center.team_salary": "Gaji tim", + "bd_leader_center.team_recharge": "Recharge tim", + "bd_leader_center.total_income": "Total pendapatan", + "bd_leader_center.previous_income": "Pendapatan sebelumnya", + "bd_leader_center.in_progress": "Sedang berjalan", + "bd_leader_center.invite": "Undang", + "bd_leader_center.invite_success": "Undangan terkirim.", + "bd_leader_center.tools": "Alat BD Leader", "agency_center.title": "Pusat Agency", "agency_center.back": "Kembali", "agency_center.change_language": "Ganti bahasa", @@ -212,5 +247,54 @@ "agency_center.invite_step_1": "Undang pengguna untuk mengunduh APP.", "agency_center.invite_step_2": "Pengguna yang diundang harus login ke APP.", "agency_center.invite_step_3": "Me > Host Center > Ajukan bergabung ke tim.", - "agency_center.invite_step_4": "Masukkan ID tim lalu ketuk kirim." + "agency_center.invite_step_4": "Masukkan ID tim lalu ketuk kirim.", + "coinseller_center.title": "Pusat Penjual Koin", + "coinseller_center.back": "Kembali", + "coinseller_center.change_language": "Ganti bahasa", + "coinseller_center.role": "Penjual Koin", + "coinseller_center.coins": "Koin", + "coinseller_center.coins_lower": "koin", + "coinseller_center.available_stock": "Stok tersedia", + "coinseller_center.history": "Riwayat", + "coinseller_center.help": "Bantuan", + "coinseller_center.recharge_user": "Isi ulang pengguna", + "coinseller_center.search_by_user_id": "Cari dengan ID pengguna", + "coinseller_center.enter_user_id": "Masukkan ID pengguna", + "coinseller_center.search": "Cari", + "coinseller_center.target_user": "Pengguna tujuan", + "coinseller_center.change": "Ganti", + "coinseller_center.recharge_coins": "Isi ulang koin", + "coinseller_center.enter_coin_amount": "Masukkan jumlah koin", + "coinseller_center.coin_amount_placeholder": "Masukkan jumlah koin", + "coinseller_center.recharge_now": "Isi ulang sekarang", + "coinseller_center.recent_records": "Riwayat terbaru", + "coinseller_center.today_activity": "Aktivitas hari ini", + "coinseller_center.view_all": "Lihat semua", + "coinseller_center.close": "Tutup", + "coinseller_center.transaction_records": "Riwayat transaksi", + "coinseller_center.cancel": "Batal", + "coinseller_center.income": "Pemasukan", + "coinseller_center.expenditure": "Pengeluaran", + "coinseller_center.load_more": "Muat lagi", + "coinseller_center.faq_title": "FAQ", + "coinseller_center.faq_question_1": "Bagaimana cara isi ulang?", + "coinseller_center.faq_answer_1": "Cari pengguna, masukkan jumlah koin, lalu konfirmasi isi ulang.", + "coinseller_center.faq_question_2": "Bagaimana melihat riwayat?", + "coinseller_center.faq_answer_2": "Buka riwayat dan ganti antara pemasukan dan pengeluaran.", + "coinseller_center.uid_prefix": "UID: {id}", + "coinseller_center.stock_region": "Wilayah: {region}", + "coinseller_center.user_name_template": "Pengguna {id}", + "coinseller_center.stock_transfer": "Transfer stok", + "coinseller_center.transfer_out": "Transfer keluar", + "coinseller_center.system": "Sistem", + "coinseller_center.no_transaction_records": "Tidak ada riwayat transaksi", + "coinseller_center.select_user_first": "Pilih pengguna terlebih dahulu.", + "coinseller_center.valid_amount_required": "Masukkan jumlah yang valid.", + "coinseller_center.amount_exceeds_stock": "Jumlah melebihi stok.", + "coinseller_center.recharge_success": "Isi ulang berhasil.", + "coinseller_center.user_not_found": "Pengguna tidak ditemukan.", + "coinseller_center.user_selected": "Pengguna dipilih.", + "coinseller_center.loading": "Memuat...", + "coinseller_center.load_failed": "Gagal memuat. Coba lagi nanti.", + "coinseller_center.transfer_failed": "Transfer gagal." } diff --git a/common/locales/tr.json b/common/locales/tr.json index 7b258bd..1284d53 100644 --- a/common/locales/tr.json +++ b/common/locales/tr.json @@ -101,6 +101,9 @@ "withdraw_exchange.no_salary_history": "Maaş geçmişi yok", "withdraw_exchange.balance": "Bakiye", "withdraw_exchange.history_host_salary": "Host maaşı", + "withdraw_exchange.history_agency_salary": "Ajans maaşı", + "withdraw_exchange.history_bd_salary": "BD maaşı", + "withdraw_exchange.history_admin_salary": "Admin maaşı", "withdraw_exchange.history_exchange_to_golds": "Altına değişim", "withdraw_exchange.history_gift_reward": "Hediye ödülü", "withdraw_exchange.mock_user_name": "Kullanıcı {account}", @@ -146,7 +149,7 @@ "bd_center.change_language": "Dili değiştir", "bd_center.role": "BD", "bd_center.salary": "Maaş", - "bd_center.withdraw_exchange": "Withdraw/Exchange", + "bd_center.withdraw_exchange": "Çek/Değiştir", "bd_center.invite_agent": "Ajans Davet Et", "bd_center.agency_list": "Ajans listesi", "bd_center.agency_statistics": "Ajans istatistikleri", @@ -169,6 +172,38 @@ "bd_center.close": "Kapat", "bd_center.mock_navigation": "Mock yönlendirme: {label}", "bd_center.mock_bill_loaded": "Mock fatura yüklendi.", + "bd_center.load_failed": "Yüklenemedi. Daha sonra tekrar deneyin.", + "bd_center.api_not_ready": "API modülü hazır değil.", + "bd_center.searching": "Aranıyor...", + "bd_center.search_failed": "Arama başarısız. Daha sonra tekrar deneyin.", + "bd_center.invite_failed": "Davet başarısız. Daha sonra tekrar deneyin.", + "bd_center.agency_added": "Ajans eklendi.", + "bd_center.tools": "BD araçları", + "bd_leader_center.back": "Geri", + "bd_leader_center.title": "BD Lider Merkezi", + "bd_leader_center.change_language": "Dili değiştir", + "bd_leader_center.role": "BD Lider", + "bd_leader_center.salary": "Maaş", + "bd_leader_center.withdraw_exchange": "Çek/Değiştir", + "bd_leader_center.salary_history": "Maaş geçmişi", + "bd_leader_center.invite_bd": "BD davet et", + "bd_leader_center.bd_list": "BD listesi", + "bd_leader_center.close": "Kapat", + "bd_leader_center.enter_user_id": "Kullanıcı ID gir", + "bd_leader_center.search": "Ara", + "bd_leader_center.no_users_found": "Kullanıcı bulunamadı", + "bd_leader_center.uid_prefix": "UID: {uid}", + "bd_leader_center.bd_number": "BD sayısı", + "bd_leader_center.agencies": "Ajanslar", + "bd_leader_center.agency_number": "Ajans sayısı", + "bd_leader_center.team_salary": "Takım maaşı", + "bd_leader_center.team_recharge": "Takım yüklemesi", + "bd_leader_center.total_income": "Toplam gelir", + "bd_leader_center.previous_income": "Önceki gelir", + "bd_leader_center.in_progress": "Devam ediyor", + "bd_leader_center.invite": "Davet et", + "bd_leader_center.invite_success": "Davet gönderildi.", + "bd_leader_center.tools": "BD Lider araçları", "agency_center.title": "Ajans Merkezi", "agency_center.back": "Geri", "agency_center.change_language": "Dili değiştir", @@ -212,5 +247,54 @@ "agency_center.invite_step_1": "Kullanıcıları APP indirmeye davet et.", "agency_center.invite_step_2": "Davet edilen kullanıcıların APP'e giriş yapması gerekir.", "agency_center.invite_step_3": "Ben > Host Center > Ekibe katılmak için başvur.", - "agency_center.invite_step_4": "Takım ID'sini girin ve göndere dokunun." + "agency_center.invite_step_4": "Takım ID'sini girin ve göndere dokunun.", + "coinseller_center.title": "Coin Seller Merkezi", + "coinseller_center.back": "Geri", + "coinseller_center.change_language": "Dili değiştir", + "coinseller_center.role": "Coin Seller", + "coinseller_center.coins": "Coinler", + "coinseller_center.coins_lower": "coin", + "coinseller_center.available_stock": "Mevcut stok", + "coinseller_center.history": "Geçmiş", + "coinseller_center.help": "Yardım", + "coinseller_center.recharge_user": "Kullanıcıya yükle", + "coinseller_center.search_by_user_id": "Kullanıcı ID ile ara", + "coinseller_center.enter_user_id": "Kullanıcı ID girin", + "coinseller_center.search": "Ara", + "coinseller_center.target_user": "Hedef kullanıcı", + "coinseller_center.change": "Değiştir", + "coinseller_center.recharge_coins": "Coin yükle", + "coinseller_center.enter_coin_amount": "Coin miktarını girin", + "coinseller_center.coin_amount_placeholder": "Coin miktarını girin", + "coinseller_center.recharge_now": "Şimdi yükle", + "coinseller_center.recent_records": "Son kayıtlar", + "coinseller_center.today_activity": "Bugünkü etkinlik", + "coinseller_center.view_all": "Tümünü gör", + "coinseller_center.close": "Kapat", + "coinseller_center.transaction_records": "İşlem kayıtları", + "coinseller_center.cancel": "İptal", + "coinseller_center.income": "Gelir", + "coinseller_center.expenditure": "Gider", + "coinseller_center.load_more": "Daha fazla yükle", + "coinseller_center.faq_title": "SSS", + "coinseller_center.faq_question_1": "Nasıl yükleme yapılır?", + "coinseller_center.faq_answer_1": "Kullanıcıyı arayın, coin miktarını girin ve yüklemeyi onaylayın.", + "coinseller_center.faq_question_2": "Kayıtlar nasıl kontrol edilir?", + "coinseller_center.faq_answer_2": "Geçmişi açın ve gelir ile gider arasında geçiş yapın.", + "coinseller_center.uid_prefix": "UID: {id}", + "coinseller_center.stock_region": "Bölge: {region}", + "coinseller_center.user_name_template": "Kullanıcı {id}", + "coinseller_center.stock_transfer": "Stok transferi", + "coinseller_center.transfer_out": "Dışa transfer", + "coinseller_center.system": "Sistem", + "coinseller_center.no_transaction_records": "İşlem kaydı yok", + "coinseller_center.select_user_first": "Önce bir kullanıcı seçin.", + "coinseller_center.valid_amount_required": "Geçerli bir miktar girin.", + "coinseller_center.amount_exceeds_stock": "Miktar stoktan fazla.", + "coinseller_center.recharge_success": "Yükleme başarılı.", + "coinseller_center.user_not_found": "Kullanıcı bulunamadı.", + "coinseller_center.user_selected": "Kullanıcı seçildi.", + "coinseller_center.loading": "Yükleniyor...", + "coinseller_center.load_failed": "Yükleme başarısız. Daha sonra tekrar deneyin.", + "coinseller_center.transfer_failed": "Transfer başarısız." } diff --git a/common/locales/zh.json b/common/locales/zh.json index 4ce3e82..2efef1b 100644 --- a/common/locales/zh.json +++ b/common/locales/zh.json @@ -76,6 +76,7 @@ "withdraw_exchange.exchange_amount": "兑换金额", "withdraw_exchange.transfer_to": "转账给", "withdraw_exchange.transfer_amount": "转账金额", + "withdraw_exchange.estimated_coins": "预计金币", "withdraw_exchange.search": "搜索", "withdraw_exchange.searching": "搜索中...", "withdraw_exchange.minimum": "最低 50 USD", @@ -101,6 +102,9 @@ "withdraw_exchange.no_salary_history": "暂无薪资历史", "withdraw_exchange.balance": "余额", "withdraw_exchange.history_host_salary": "主播薪资", + "withdraw_exchange.history_agency_salary": "Agency 薪资", + "withdraw_exchange.history_bd_salary": "BD 薪资", + "withdraw_exchange.history_admin_salary": "Admin 薪资", "withdraw_exchange.history_exchange_to_golds": "兑换金币", "withdraw_exchange.history_gift_reward": "礼物奖励", "withdraw_exchange.mock_user_name": "用户 {account}", @@ -115,6 +119,11 @@ "withdraw_exchange.withdraw_success": "提现申请已提交", "withdraw_exchange.exchange_success": "兑换成功", "withdraw_exchange.transfer_success": "转账成功", + "withdraw_exchange.rate_not_configured": "未配置兑换比例。", + "withdraw_exchange.withdraw_not_available": "提现暂未开放。", + "withdraw_exchange.submit_failed": "提交失败。", + "withdraw_exchange.load_failed": "加载失败，请稍后重试。", + "withdraw_exchange.search_failed": "搜索失败，请稍后重试。", "superadmin_center.back": "返回", "superadmin_center.title": "超管中心", "superadmin_center.change_language": "切换语言", @@ -142,13 +151,13 @@ "superadmin_center.invite": "邀请", "superadmin_center.invite_success": "邀请已提交。", "bd_center.back": "返回", - "bd_center.title": "BD Center", + "bd_center.title": "BD 中心", "bd_center.change_language": "切换语言", "bd_center.role": "BD", "bd_center.salary": "薪资", - "bd_center.withdraw_exchange": "Withdraw/Exchange", + "bd_center.withdraw_exchange": "提现/兑换", "bd_center.invite_agent": "邀请代理", - "bd_center.agency_list": "Agency List", + "bd_center.agency_list": "Agency 列表", "bd_center.agency_statistics": "代理统计", "bd_center.month": "月份", "bd_center.agency_number": "代理数量", @@ -169,6 +178,38 @@ "bd_center.close": "关闭", "bd_center.mock_navigation": "Mock 跳转：{label}", "bd_center.mock_bill_loaded": "Mock 账单已加载。", + "bd_center.load_failed": "加载失败，请稍后重试。", + "bd_center.api_not_ready": "API 模块未就绪。", + "bd_center.searching": "搜索中...", + "bd_center.search_failed": "搜索失败，请稍后重试。", + "bd_center.invite_failed": "邀请失败，请稍后重试。", + "bd_center.agency_added": "Agency 已添加。", + "bd_center.tools": "BD 工具", + "bd_leader_center.back": "返回", + "bd_leader_center.title": "BD Leader 中心", + "bd_leader_center.change_language": "切换语言", + "bd_leader_center.role": "BD Leader", + "bd_leader_center.salary": "薪资", + "bd_leader_center.withdraw_exchange": "提现/兑换", + "bd_leader_center.salary_history": "薪资记录", + "bd_leader_center.invite_bd": "邀请 BD", + "bd_leader_center.bd_list": "BD 列表", + "bd_leader_center.close": "关闭", + "bd_leader_center.enter_user_id": "输入用户 ID", + "bd_leader_center.search": "搜索", + "bd_leader_center.no_users_found": "未找到用户", + "bd_leader_center.uid_prefix": "UID: {uid}", + "bd_leader_center.bd_number": "BD 数量", + "bd_leader_center.agencies": "Agency", + "bd_leader_center.agency_number": "Agency 数量", + "bd_leader_center.team_salary": "团队薪资", + "bd_leader_center.team_recharge": "团队充值", + "bd_leader_center.total_income": "总收入", + "bd_leader_center.previous_income": "上期收入", + "bd_leader_center.in_progress": "进行中", + "bd_leader_center.invite": "邀请", + "bd_leader_center.invite_success": "邀请已提交。", + "bd_leader_center.tools": "BD Leader 工具", "agency_center.title": "Agency Center", "agency_center.back": "返回", "agency_center.change_language": "切换语言", @@ -212,5 +253,54 @@ "agency_center.invite_step_1": "Invite users to download APP.", "agency_center.invite_step_2": "Invited users need to log in to the APP.", "agency_center.invite_step_3": "Me > Host Center > Apply to join the team.", - "agency_center.invite_step_4": "Enter the team ID, click send to join." + "agency_center.invite_step_4": "Enter the team ID, click send to join.", + "coinseller_center.title": "币商中心", + "coinseller_center.back": "返回", + "coinseller_center.change_language": "切换语言", + "coinseller_center.role": "币商", + "coinseller_center.coins": "金币", + "coinseller_center.coins_lower": "金币", + "coinseller_center.available_stock": "可用库存", + "coinseller_center.history": "记录", + "coinseller_center.help": "帮助", + "coinseller_center.recharge_user": "充值用户", + "coinseller_center.search_by_user_id": "按用户 ID 搜索", + "coinseller_center.enter_user_id": "输入用户 ID", + "coinseller_center.search": "搜索", + "coinseller_center.target_user": "目标用户", + "coinseller_center.change": "更换", + "coinseller_center.recharge_coins": "充值金币", + "coinseller_center.enter_coin_amount": "输入金币数量", + "coinseller_center.coin_amount_placeholder": "输入金币数量", + "coinseller_center.recharge_now": "立即充值", + "coinseller_center.recent_records": "最近记录", + "coinseller_center.today_activity": "今日动态", + "coinseller_center.view_all": "查看全部", + "coinseller_center.close": "关闭", + "coinseller_center.transaction_records": "交易记录", + "coinseller_center.cancel": "取消", + "coinseller_center.income": "收入", + "coinseller_center.expenditure": "支出", + "coinseller_center.load_more": "加载更多", + "coinseller_center.faq_title": "常见问题", + "coinseller_center.faq_question_1": "如何充值？", + "coinseller_center.faq_answer_1": "搜索用户，输入金币数量，然后确认充值。", + "coinseller_center.faq_question_2": "如何查看记录？", + "coinseller_center.faq_answer_2": "打开记录，并在收入和支出之间切换。", + "coinseller_center.uid_prefix": "UID: {id}", + "coinseller_center.stock_region": "地区：{region}", + "coinseller_center.user_name_template": "用户 {id}", + "coinseller_center.stock_transfer": "库存入账", + "coinseller_center.transfer_out": "转出", + "coinseller_center.system": "系统", + "coinseller_center.no_transaction_records": "暂无交易记录", + "coinseller_center.select_user_first": "请先选择用户。", + "coinseller_center.valid_amount_required": "请输入有效金额。", + "coinseller_center.amount_exceeds_stock": "金额超过库存。", + "coinseller_center.recharge_success": "充值成功。", + "coinseller_center.user_not_found": "未找到用户。", + "coinseller_center.user_selected": "已选择用户。", + "coinseller_center.loading": "加载中...", + "coinseller_center.load_failed": "加载失败，请稍后重试。", + "coinseller_center.transfer_failed": "转账失败。" } diff --git a/gonghui/bd-center/index.html b/gonghui/bd-center/index.html index c114290..a3fe5b2 100644 --- a/gonghui/bd-center/index.html +++ b/gonghui/bd-center/index.html @@ -46,6 +46,8 @@ + + @@ -90,7 +92,11 @@ -
+
+

BD Leader Center

+
+ + +
+ + +
+
+
+ + +
+
+
+ BD Leader +
+
-
+
UID: -
+
+
+ +
+
+

Salary

+ +
+
+ + 0.00 +
+
+ +
+ + +
+ +
+
+

BD List

+
+
+
+
+
+ + + + + + + + + + + + + + + + + diff --git a/gonghui/bd-leader/script.js b/gonghui/bd-leader/script.js new file mode 100644 index 0000000..f81c06f --- /dev/null +++ b/gonghui/bd-leader/script.js @@ -0,0 +1,876 @@ +(function () { + var query = new URLSearchParams(window.location.search); + var state = { + inviteQuery: '', + inviteStatus: '', + inviteStatusType: '', + inviteSearchResults: [], + inviteSubmitting: {}, + selectedDetails: null, + isMock: query.get('mock') === '1', + }; + + var mock = { + profile: { + name: 'Leader Sophia', + uid: 'BL-100001', + avatar: avatarData('L', '#dbc8ff', '#7d57c7'), + }, + balance: { + available: 168250.5, + }, + overview: { + totalBD: 8, + totalAgency: 36, + totalHosts: 428, + teamSalary: 586420.8, + teamRecharge: 1268800, + }, + bdList: [ + { + id: '880001', + userId: '3200901', + name: 'Mila BD', + avatar: avatarData('M', '#dbc8ff', '#7d57c7'), + agencies: 12, + hosts: 126, + salary: 128450.35, + recharge: 356900, + }, + { + id: '880018', + userId: '3200918', + name: 'Jasmine BD', + avatar: avatarData('J', '#f4ebff', '#7d57c7'), + agencies: 9, + hosts: 104, + salary: 106280.4, + recharge: 298520, + }, + { + id: '880026', + userId: '3200926', + name: 'Omar BD', + avatar: avatarData('O', '#efe4ff', '#7d57c7'), + agencies: 7, + hosts: 82, + salary: 86140, + recharge: 214330, + }, + ], + history: [ + { + month: '2026-06', + status: 'In progress', + bdCount: 8, + agencyCount: 36, + totalSalary: 586420.8, + totalRecharge: 1268800, + }, + { + month: '2026-05', + status: 'Completed', + bdCount: 7, + agencyCount: 31, + totalSalary: 520180.25, + totalRecharge: 1112900, + }, + { + month: '2026-04', + status: 'Completed', + bdCount: 6, + agencyCount: 26, + totalSalary: 462300, + totalRecharge: 980400, + }, + ], + inviteRecords: { + bd: [ + { + id: 'bd-inv-01', + status: 'Success', + profile: { + userId: '3200901', + id: '3200901', + name: 'BD_River', + account: '880099', + avatar: avatarData('R', '#dbc8ff', '#7d57c7'), + }, + }, + ], + }, + searchPool: { + bd: [ + { + userId: '3200902', + id: '3200902', + name: 'BD_Kai', + account: '880102', + avatar: avatarData('K', '#dbc8ff', '#7d57c7'), + }, + { + userId: '3200903', + id: '3200903', + name: 'BD_Ayla', + account: '880103', + avatar: avatarData('A', '#efe4ff', '#7d57c7'), + }, + ], + }, + }; + + var data = { + profile: mock.profile, + balance: mock.balance, + overview: mock.overview, + bdList: mock.bdList, + history: mock.history, + inviteRecords: mock.inviteRecords, + }; + + function $(id) { + return document.getElementById(id); + } + + function avatarData(text, background, foreground) { + var value = + String(text || 'S') + .trim() + .charAt(0) || 'S'; + var letter = value.replace(/[<>&"']/g, ''); + var svg = + '' + + '' + + '' + + letter + + '' + + ''; + return 'data:image/svg+xml;charset=UTF-8,' + encodeURIComponent(svg); + } + + function t(key, fallback) { + return window.HyAppI18n && window.HyAppI18n.t + ? window.HyAppI18n.t(key, fallback) + : fallback || key; + } + + function money(value) { + return Number(value || 0).toLocaleString('en-US', { + minimumFractionDigits: 2, + maximumFractionDigits: 2, + }); + } + + function compactMoney(value) { + var amount = Number(value || 0); + var abs = Math.abs(amount); + if (abs >= 1000000) { + return ( + (amount / 1000000).toLocaleString('en-US', { + minimumFractionDigits: 0, + maximumFractionDigits: 2, + }) + 'M' + ); + } + if (abs >= 1000) { + return ( + (amount / 1000).toLocaleString('en-US', { + minimumFractionDigits: 0, + maximumFractionDigits: 2, + }) + 'K' + ); + } + return money(amount); + } + + function count(value) { + return Number(value || 0).toLocaleString('en-US', { + maximumFractionDigits: 0, + }); + } + + function initial(text) { + return String(text || '') + .trim() + .charAt(0) + .toUpperCase(); + } + + function displayName(user, fallback) { + return ( + (user && (user.username || user.name || user.display_user_id)) || + fallback || + '-' + ); + } + + function displayID(user) { + return ( + (user && (user.display_user_id || user.displayUserID)) || + (user && (user.user_id || user.userId)) || + '-' + ); + } + + function displayAmount(salary) { + if (!salary) return 0; + if (salary.display_amount !== undefined) return salary.display_amount; + if (salary.displayAmount !== undefined) return salary.displayAmount; + return Number(salary.available_amount || salary.availableAmount || 0) / 100; + } + + function toast(message) { + if (!message) return; + if (window.HyAppToast && window.HyAppToast.show) { + window.HyAppToast.show(message); + return; + } + window.alert(message); + } + + function setImage(image, fallback, src, name) { + if (!image || !fallback) return; + fallback.textContent = initial(name) || 'S'; + if (!src) { + image.hidden = true; + fallback.hidden = false; + return; + } + image.onload = function () { + image.hidden = false; + fallback.hidden = true; + }; + image.onerror = function () { + image.hidden = true; + fallback.hidden = false; + }; + image.src = src; + } + + function makeAvatar(item) { + var avatar = document.createElement('div'); + var fallback = document.createElement('span'); + avatar.className = 'member-avatar'; + fallback.className = 'member-fallback'; + fallback.textContent = initial(item.name) || 'S'; + avatar.appendChild(fallback); + if (item.avatar) { + var image = document.createElement('img'); + image.src = item.avatar; + image.alt = ''; + image.addEventListener('load', function () { + fallback.hidden = true; + }); + image.addEventListener('error', function () { + image.remove(); + fallback.hidden = false; + }); + avatar.appendChild(image); + } + return avatar; + } + + function replaceChildren(node, children) { + node.textContent = ''; + children.forEach(function (child) { + node.appendChild(child); + }); + } + + function applyMockData() { + data.profile = mock.profile; + data.balance = mock.balance; + data.overview = mock.overview; + data.bdList = mock.bdList; + data.history = mock.history; + data.inviteRecords = mock.inviteRecords; + } + + function applyEmptyData() { + data.profile = { name: '-', uid: '-', avatar: '' }; + data.balance = { available: 0 }; + data.overview = { + totalBD: 0, + totalAgency: 0, + totalHosts: 0, + teamSalary: 0, + teamRecharge: 0, + }; + data.bdList = []; + data.history = []; + data.inviteRecords = { bd: [] }; + } + + function normalizeOverview(payload) { + var overview = payload && payload.overview ? payload.overview : {}; + return { + totalBD: overview.total_bd || overview.totalBD || 0, + totalAgency: overview.total_agency || overview.totalAgency || 0, + totalHosts: overview.total_hosts || overview.totalHosts || 0, + teamSalary: overview.team_salary || overview.teamSalary || 0, + teamRecharge: overview.team_recharge || overview.teamRecharge || 0, + }; + } + + function normalizeBDItem(item) { + var name = displayName(item, 'BD ' + displayID(item)); + return { + id: displayID(item), + userId: item.user_id || item.userId || '', + name: name, + avatar: item.avatar || '', + agencies: item.agency_count || item.agencies || 0, + hosts: item.host_count || item.hosts || 0, + salary: item.salary === undefined ? null : item.salary, + recharge: item.recharge === undefined ? null : item.recharge, + sideValue: + count(item.agency_count || item.agencies || 0) + + ' ' + + t('bd_leader_center.agencies', 'Agencies'), + sideSub: '', + }; + } + + function normalizeInviteProfile(payload) { + var user = payload && (payload.user || payload.profile || payload); + if (!user || !(user.user_id || user.userId)) return null; + var id = displayID(user); + return { + userId: user.user_id || user.userId, + id: user.user_id || user.userId, + name: displayName(user, 'User ' + id), + account: id, + avatar: user.avatar || '', + }; + } + + function commandID(prefix, targetUserID) { + return [ + prefix, + targetUserID, + Date.now(), + Math.random().toString(16).slice(2), + ].join('-'); + } + + function api() { + return window.HyAppAPI || {}; + } + + function loadRealData() { + var centerAPI = api().bdLeaderCenter; + if (!centerAPI) { + toast('API module is not ready.'); + return Promise.reject(new Error('api_not_ready')); + } + return Promise.all([ + centerAPI.overview(), + centerAPI.bds(50), + ]) + .then(function (results) { + var overviewPayload = results[0] || {}; + var bdPayload = results[1] || {}; + var profile = overviewPayload.profile || {}; + var overview = normalizeOverview(overviewPayload); + var bds = (bdPayload.items || []).map(normalizeBDItem); + overview.teamSalary = displayAmount(overviewPayload.salary); + data.profile = { + name: displayName(profile, 'BD Leader'), + uid: displayID(profile), + avatar: profile.avatar || '', + }; + data.balance = { + available: displayAmount(overviewPayload.salary), + }; + data.overview = overview; + data.bdList = bds; + data.history = [ + { + month: new Date().toISOString().slice(0, 7), + status: 'In progress', + bdCount: overview.totalBD, + agencyCount: overview.totalAgency, + totalSalary: overview.teamSalary, + totalRecharge: overview.teamRecharge, + }, + ]; + data.inviteRecords = { bd: [] }; + render(); + }) + .catch(function (error) { + toast(error.message || 'Load failed.'); + throw error; + }); + } + + function renderProfile() { + $('profileName').textContent = data.profile.name; + $('profileUID').textContent = t( + 'bd_leader_center.uid_prefix', + 'UID: {id}' + ).replace('{id}', data.profile.uid); + setImage( + $('profileAvatar'), + $('profileAvatarFallback'), + data.profile.avatar, + data.profile.name + ); + } + + function renderBalance() { + $('availableBalance').textContent = money(data.balance.available); + } + + function summaryCell(label, value) { + var cell = document.createElement('div'); + var labelNode = document.createElement('span'); + var valueNode = document.createElement('strong'); + labelNode.textContent = label; + valueNode.textContent = value; + cell.appendChild(labelNode); + cell.appendChild(valueNode); + return cell; + } + + function renderTeamSummary() { + $('teamSummary').classList.add('is-two'); + var cells = [ + summaryCell( + t('bd_leader_center.bd_number', 'BD number'), + count(data.overview.totalBD) + ), + summaryCell( + t('bd_leader_center.agencies', 'Agencies'), + count(data.overview.totalAgency) + ), + ]; + replaceChildren($('teamSummary'), cells); + } + + function createMemberRow(item) { + var row = document.createElement('article'); + var main = document.createElement('div'); + var name = document.createElement('div'); + var meta = document.createElement('div'); + var side = document.createElement('div'); + var salary = document.createElement('strong'); + var sub = document.createElement('span'); + var sideValue = + item.sideValue || + (item.salary === null || item.salary === undefined + ? '' + : '$' + money(item.salary)); + var subText = + item.sideSub !== undefined + ? item.sideSub + : count(item.agencies) + + ' ' + + t('bd_leader_center.agencies', 'Agencies'); + + row.className = 'member-row'; + main.className = 'member-main'; + name.className = 'member-name'; + meta.className = 'member-meta'; + side.className = 'member-side'; + + name.textContent = item.name; + meta.textContent = 'ID: ' + item.id; + salary.textContent = sideValue || subText; + sub.textContent = sideValue ? subText : ''; + + main.appendChild(name); + main.appendChild(meta); + side.appendChild(salary); + if (sub.textContent) side.appendChild(sub); + row.appendChild(makeAvatar(item)); + row.appendChild(main); + row.appendChild(side); + row.addEventListener('click', function () { + state.selectedDetails = item; + renderDetails(); + openModal('detailsModal'); + }); + return row; + } + + function renderTeamList() { + renderTeamSummary(); + replaceChildren( + $('teamList'), + data.bdList.map(function (item) { + return createMemberRow(item); + }) + ); + } + + function renderHistory() { + var previous = data.history[1] || { totalSalary: 0 }; + replaceChildren($('historySummary'), [ + summaryCell( + t('bd_leader_center.total_income', 'Total income'), + '$' + money(data.overview.teamSalary) + ), + summaryCell( + t('bd_leader_center.previous_income', 'Previous income'), + '$' + money(previous.totalSalary) + ), + ]); + replaceChildren( + $('historyList'), + data.history.map(function (item) { + var row = document.createElement('article'); + var title = document.createElement('div'); + var status = document.createElement('span'); + var grid = document.createElement('div'); + row.className = 'history-row'; + title.className = 'history-title'; + status.className = 'status-tag'; + grid.className = 'history-grid'; + title.textContent = item.month; + status.textContent = item.status; + grid.appendChild( + summaryCell( + t('bd_leader_center.bd_number', 'BD number'), + count(item.bdCount) + ) + ); + grid.appendChild( + summaryCell( + t('bd_leader_center.agency_number', 'Agency number'), + count(item.agencyCount) + ) + ); + grid.appendChild( + summaryCell( + t('bd_leader_center.team_salary', 'Team salary'), + '$' + compactMoney(item.totalSalary) + ) + ); + row.appendChild(status); + row.appendChild(title); + row.appendChild(grid); + return row; + }) + ); + } + + function renderDetails() { + var item = state.selectedDetails; + var summaryRows; + if (!item) return; + $('detailsTitle').textContent = item.name; + summaryRows = [summaryCell('ID', item.id)]; + if (item.salary !== null && item.salary !== undefined) { + summaryRows.push( + summaryCell( + t('bd_leader_center.team_salary', 'Team salary'), + '$' + money(item.salary) + ) + ); + } + if (item.recharge !== null && item.recharge !== undefined) { + summaryRows.push( + summaryCell( + t('bd_leader_center.team_recharge', 'Team recharge'), + '$' + money(item.recharge) + ) + ); + } + replaceChildren($('detailsSummary'), summaryRows); + replaceChildren($('detailsList'), [ + createReadonlyLine( + t('bd_leader_center.agencies', 'Agencies'), + count(item.agencies) + ), + ]); + } + + function createReadonlyLine(label, value) { + var row = document.createElement('div'); + var labelNode = document.createElement('span'); + var valueNode = document.createElement('strong'); + row.className = 'readonly-line'; + labelNode.textContent = label; + valueNode.textContent = value; + row.appendChild(labelNode); + row.appendChild(valueNode); + return row; + } + + function inviteTitle() { + return t('bd_leader_center.invite_bd', 'Invite BD'); + } + + function inviteRecords() { + if (!state.inviteQuery) return data.inviteRecords.bd || []; + if (!state.isMock) return state.inviteSearchResults; + var keyword = state.inviteQuery.toLowerCase(); + return mock.searchPool.bd.filter(function (item) { + return ( + item.name.toLowerCase().indexOf(keyword) >= 0 || + item.account.indexOf(keyword) >= 0 || + item.id.indexOf(keyword) >= 0 + ); + }); + } + + function renderInvite() { + $('inviteModalTitle').textContent = inviteTitle(); + var status = $('inviteStatus'); + var records = inviteRecords(); + status.hidden = !state.inviteStatus; + status.textContent = state.inviteStatus; + status.className = + 'invite-status' + + (state.inviteStatusType ? ' ' + state.inviteStatusType : ''); + + $('inviteEmpty').hidden = records.length > 0 || !!state.inviteStatus; + replaceChildren( + $('inviteList'), + records.map(function (record) { + var profile = record.profile || record; + var card = document.createElement('article'); + var main = document.createElement('div'); + var name = document.createElement('div'); + var meta = document.createElement('div'); + var action = document.createElement('button'); + var submitting = !!state.inviteSubmitting[profile.userId]; + card.className = 'invite-card'; + main.className = 'invite-main'; + name.className = 'invite-name'; + meta.className = 'invite-meta'; + action.className = 'invite-action'; + action.type = 'button'; + name.textContent = profile.name; + meta.textContent = 'ID: ' + profile.account; + action.textContent = + record.status || + (submitting + ? t('bd_leader_center.in_progress', 'In progress') + : t('bd_leader_center.invite', 'Invite')); + action.disabled = !!record.status || submitting; + action.addEventListener('click', function () { + submitInvite(record, profile); + }); + main.appendChild(name); + main.appendChild(meta); + card.appendChild(makeAvatar(profile)); + card.appendChild(main); + card.appendChild(action); + return card; + }) + ); + } + + function searchInviteProfile(queryValue) { + if (state.isMock) { + renderInvite(); + return; + } + if (!api().user || !api().user.resolveDisplayUserID) { + state.inviteStatus = 'API module is not ready.'; + state.inviteStatusType = 'warning'; + renderInvite(); + return; + } + state.inviteSearchResults = []; + state.inviteStatus = t('bd_leader_center.in_progress', 'In progress'); + state.inviteStatusType = ''; + renderInvite(); + api() + .user.resolveDisplayUserID(queryValue) + .then(function (payload) { + var profile = normalizeInviteProfile(payload); + state.inviteStatus = ''; + state.inviteStatusType = ''; + state.inviteSearchResults = profile ? [profile] : []; + renderInvite(); + }) + .catch(function (error) { + state.inviteSearchResults = []; + state.inviteStatus = + error.message || + t('bd_leader_center.no_users_found', 'No users found'); + state.inviteStatusType = 'warning'; + renderInvite(); + }); + } + + function submitInvite(record, profile) { + var targetUserID = String(profile.userId || profile.id || ''); + var centerAPI = api().bdLeaderCenter; + if (!targetUserID) return; + if (state.isMock) { + record.status = 'Success'; + state.inviteStatus = t( + 'bd_leader_center.invite_success', + 'Invitation submitted.' + ); + state.inviteStatusType = 'success'; + renderInvite(); + return; + } + if (!centerAPI) { + state.inviteStatus = 'API module is not ready.'; + state.inviteStatusType = 'warning'; + renderInvite(); + return; + } + state.inviteSubmitting[targetUserID] = true; + renderInvite(); + var payload = { + command_id: commandID('bd', targetUserID), + target_user_id: targetUserID, + }; + centerAPI + .inviteBD(payload) + .then(function () { + record.status = 'Success'; + state.inviteStatus = t( + 'bd_leader_center.invite_success', + 'Invitation submitted.' + ); + state.inviteStatusType = 'success'; + loadRealData().catch(function () {}); + renderInvite(); + }) + .catch(function (error) { + state.inviteStatus = error.message || 'Invite failed.'; + state.inviteStatusType = 'warning'; + renderInvite(); + }) + .finally(function () { + delete state.inviteSubmitting[targetUserID]; + renderInvite(); + }); + } + + function openModal(id) { + var modal = $(id); + if (!modal) return; + modal.hidden = false; + modal.setAttribute('aria-hidden', 'false'); + document.body.classList.add('modal-open'); + } + + function closeModal(id) { + var modal = $(id); + if (!modal) return; + modal.hidden = true; + modal.setAttribute('aria-hidden', 'true'); + var hasOpen = Array.prototype.some.call( + document.querySelectorAll('.sheet-modal, .invite-modal'), + function (node) { + return !node.hidden; + } + ); + document.body.classList.toggle('modal-open', hasOpen); + } + + function navigateToWithdrawExchange() { + var params = new URLSearchParams(window.location.search); + params.set('identity', 'BD_LEADER'); + params.set('salaryType', 'ADMIN_SALARY_USD'); + if (!params.has('mode')) params.set('mode', 'withdraw'); + window.location.href = + '../withdraw-exchange/index.html?' + params.toString(); + } + + function bindEvents() { + $('backButton').addEventListener('click', function () { + if (window.HyAppBridge) window.HyAppBridge.back(); + }); + $('withdrawExchangeButton').addEventListener( + 'click', + navigateToWithdrawExchange + ); + document.querySelectorAll('.menu-row').forEach(function (button) { + button.addEventListener('click', function () { + var action = button.getAttribute('data-action'); + if (action === 'history') { + renderHistory(); + openModal('historyModal'); + return; + } + if (action === 'invite-bd') { + state.inviteQuery = ''; + state.inviteStatus = ''; + state.inviteStatusType = ''; + state.inviteSearchResults = []; + $('inviteSearchInput').value = ''; + renderInvite(); + openModal('inviteModal'); + } + }); + }); + document + .querySelectorAll('[data-close-modal]') + .forEach(function (node) { + node.addEventListener('click', function () { + closeModal(node.getAttribute('data-close-modal')); + }); + }); + $('inviteSearchForm').addEventListener('submit', function (event) { + event.preventDefault(); + state.inviteQuery = $('inviteSearchInput').value.trim(); + state.inviteStatus = state.inviteQuery + ? '' + : t('bd_leader_center.enter_user_id', 'Enter User ID'); + state.inviteStatusType = state.inviteQuery ? '' : 'warning'; + state.inviteSearchResults = []; + if (state.inviteQuery) { + searchInviteProfile(state.inviteQuery); + } else { + renderInvite(); + } + }); + document.addEventListener('keydown', function (event) { + if (event.key !== 'Escape') return; + closeModal('historyModal'); + closeModal('detailsModal'); + closeModal('inviteModal'); + }); + } + + function render() { + renderProfile(); + renderBalance(); + renderTeamList(); + } + + function init() { + if (state.isMock) { + applyMockData(); + } else { + applyEmptyData(); + } + render(); + bindEvents(); + if (!state.isMock) { + loadRealData().catch(function () {}); + } + if (window.HyAppBridge) { + window.HyAppBridge.ready({ + page: 'bd-leader-center', + mock: state.isMock, + }); + } + } + + if (document.readyState === 'loading') { + document.addEventListener('DOMContentLoaded', init); + } else { + init(); + } + + window.addEventListener('hyapp:i18n-ready', function () { + render(); + if (!$('historyModal').hidden) renderHistory(); + if (!$('inviteModal').hidden) renderInvite(); + if (!$('detailsModal').hidden) renderDetails(); + }); +})(); diff --git a/gonghui/bd-leader/style.css b/gonghui/bd-leader/style.css new file mode 100644 index 0000000..0956821 --- /dev/null +++ b/gonghui/bd-leader/style.css @@ -0,0 +1,521 @@ +.role-pill { + display: inline-flex; + align-items: center; + min-height: 24px; + padding: 0 10px; + border-radius: 999px; + background: var(--hy-theme-primary-soft, #f4ebff); + color: var(--primary-deep); + font-size: 12px; + font-weight: 900; +} + +.bd-leader-center .name { + margin-top: 7px; +} + +.salary-card, +.team-card { + padding: 16px; +} + +.salary-head { + display: flex; + align-items: center; + justify-content: space-between; + gap: 12px; +} + +.salary-head h2 { + margin: 0; + color: var(--text); + font-size: 18px; + font-weight: 950; + line-height: 1.2; +} + +.salary-value { + display: flex; + align-items: center; + gap: 10px; + margin-top: 18px; + color: #23272d; + font-size: 34px; + font-weight: 950; + line-height: 1; +} + +.coin-icon { + display: inline-flex; + align-items: center; + justify-content: center; + width: 28px; + height: 28px; + flex: 0 0 28px; + border-radius: 50%; + background: linear-gradient(145deg, #ffe179 0%, #ffb62d 52%, #f49b20 100%); + color: #fff; + font-size: 19px; + font-weight: 950; + box-shadow: + inset 0 1px 2px rgba(255, 255, 255, 0.7), + 0 1px 2px rgba(195, 117, 12, 0.24); +} + +.salary-value strong { + min-width: 0; + overflow-wrap: anywhere; +} + +.menu-card { + display: grid; + padding: 0 16px; +} + +.menu-row { + display: grid; + grid-template-columns: 38px minmax(0, 1fr) 24px; + gap: 12px; + align-items: center; + min-height: 64px; + border-bottom: 1px solid var(--line); + text-align: left; +} + +.menu-row:last-child { + border-bottom: 0; +} + +.menu-icon { + display: flex; + align-items: center; + justify-content: center; + width: 34px; + height: 34px; + border-radius: 50%; + background: var(--primary-soft); + color: var(--primary-deep); +} + +.menu-icon svg { + width: 20px; + height: 20px; +} + +.menu-icon path { + fill: none; + stroke: currentColor; + stroke-linecap: round; + stroke-linejoin: round; + stroke-width: 2; +} + +.menu-label { + min-width: 0; + overflow: hidden; + color: #464951; + font-size: 16px; + font-weight: 850; + line-height: 1.2; + text-overflow: ellipsis; + white-space: nowrap; +} + +.team-card { + display: grid; + gap: 12px; +} + +.team-head h2 { + margin: 0; + color: var(--text); + font-size: 18px; + font-weight: 950; + line-height: 1.2; +} + +.team-summary, +.history-summary { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 8px; +} + +.team-summary.is-two { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + +.history-summary.compact { + grid-template-columns: repeat(3, minmax(0, 1fr)); +} + +.team-summary > div, +.history-summary > div { + min-width: 0; + padding: 10px; + border-radius: 8px; + background: var(--hy-theme-primary-soft, #f4ebff); +} + +.team-summary span, +.history-summary span { + display: block; + overflow: hidden; + color: var(--muted); + font-size: 11px; + font-weight: 850; + line-height: 1.2; + text-overflow: ellipsis; + white-space: nowrap; +} + +.team-summary strong, +.history-summary strong { + display: block; + margin-top: 5px; + overflow-wrap: anywhere; + color: var(--text); + font-size: 15px; + font-weight: 950; + line-height: 1.15; +} + +.team-list, +.history-list, +.invite-list { + display: grid; + gap: 10px; +} + +.team-list { + max-height: 360px; + overflow-y: auto; + -webkit-overflow-scrolling: touch; +} + +.member-row, +.invite-card { + display: grid; + grid-template-columns: 44px minmax(0, 1fr) auto; + gap: 10px; + align-items: center; + padding: 12px; + border: 1px solid var(--line); + border-radius: 8px; + background: #fbfcfc; + text-align: left; +} + +.member-avatar { + display: flex; + align-items: center; + justify-content: center; + width: 44px; + height: 44px; + overflow: hidden; + border-radius: 50%; + background: var(--primary); +} + +.member-avatar img { + display: block; + width: 100%; + height: 100%; + object-fit: cover; +} + +.member-fallback { + color: var(--primary-deep); + font-size: 18px; + font-weight: 950; +} + +.member-main, +.invite-main { + min-width: 0; +} + +.member-name, +.invite-name { + overflow: hidden; + color: var(--text); + font-size: 15px; + font-weight: 900; + line-height: 1.2; + text-overflow: ellipsis; + white-space: nowrap; +} + +.member-meta, +.invite-meta { + margin-top: 4px; + overflow: hidden; + color: var(--muted); + font-size: 12px; + font-weight: 800; + line-height: 1.2; + text-overflow: ellipsis; + white-space: nowrap; +} + +.member-side { + display: grid; + gap: 3px; + color: #555b64; + font-size: 12px; + font-weight: 850; + line-height: 1.2; + text-align: right; +} + +.member-side strong { + color: var(--primary-deep); + font-size: 14px; + font-weight: 950; +} + +.history-sheet { + max-height: 82vh; + max-height: 82dvh; +} + +.history-summary, +.history-list { + padding: 0 18px 14px; +} + +.history-row { + display: grid; + gap: 9px; + padding: 12px; + border: 1px solid var(--line); + border-radius: 8px; + background: #fbfcfc; +} + +.history-title { + color: var(--text); + font-size: 16px; + font-weight: 950; +} + +.status-tag { + justify-self: flex-start; + padding: 5px 9px; + border-radius: 999px; + background: var(--primary-soft); + color: var(--primary-deep); + font-size: 12px; + font-weight: 900; +} + +.history-grid { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 8px; +} + +.readonly-line { + display: flex; + align-items: center; + justify-content: space-between; + min-height: 48px; + padding: 0 12px; + border: 1px solid var(--line); + border-radius: 8px; + background: #fbfcfc; + color: var(--muted); + font-size: 14px; + font-weight: 850; +} + +.readonly-line strong { + color: var(--text); + font-weight: 950; +} + +.invite-modal { + position: fixed; + z-index: 24; + inset: 0; + display: flex; + align-items: center; + justify-content: center; + padding: 18px; +} + +.invite-dialog { + position: relative; + display: flex; + flex-direction: column; + width: min(394px, 100%); + max-height: 80vh; + max-height: 80dvh; + overflow: hidden; + border-radius: 14px; + background: #fff; + box-shadow: 0 18px 44px rgba(23, 31, 42, 0.2); +} + +.invite-head { + display: flex; + align-items: center; + justify-content: space-between; + gap: 12px; + padding: 18px 18px 12px; +} + +.invite-head h2 { + margin: 0; + color: var(--text); + font-size: 20px; + font-weight: 950; +} + +.invite-close { + display: flex; + align-items: center; + justify-content: center; + width: 34px; + height: 34px; + flex: 0 0 34px; + border-radius: 50%; + background: #f1f4f4; + color: #5d6570; + font-size: 25px; + font-weight: 400; + line-height: 1; +} + +.invite-body { + display: grid; + gap: 12px; + min-height: 0; + overflow-y: auto; + padding: 0 18px 18px; + -webkit-overflow-scrolling: touch; +} + +.invite-field { + display: grid; + gap: 8px; +} + +.invite-field > span { + color: var(--text); + font-size: 14px; + font-weight: 900; +} + +.invite-search-control { + display: grid; + grid-template-columns: minmax(0, 1fr) 96px; + gap: 8px; +} + +.invite-search-control input { + min-width: 0; + height: 44px; + padding: 0 12px; + border: 1px solid var(--line); + border-radius: 8px; + background: #fbfcfc; + color: var(--text); + font-size: 14px; + font-weight: 800; +} + +.invite-search-control button, +.invite-action { + display: flex; + align-items: center; + justify-content: center; + min-height: 44px; + border-radius: 8px; + background: var(--button); + color: #fff; + font-size: 14px; + font-weight: 950; +} + +.invite-action { + min-width: 82px; + padding: 0 12px; +} + +.invite-action:disabled { + background: var(--hy-theme-button-disabled, #eadffc); + color: var(--hy-theme-button-disabled-text, #9a8faa); +} + +.invite-status, +.invite-empty { + min-height: 42px; + padding: 11px 12px; + border-radius: 8px; + background: var(--primary-soft); + color: var(--primary-deep); + font-size: 13px; + font-weight: 900; +} + +.invite-status.warning { + background: #fff5e8; + color: #ba791c; +} + +.invite-status.success { + background: #ecfbef; + color: #219251; +} + +.invite-empty { + display: flex; + align-items: center; + justify-content: center; + color: var(--muted); +} + +body.modal-open { + overflow: hidden; +} + +[dir='rtl'] .menu-row, +[dir='rtl'] .member-row, +[dir='rtl'] .invite-card { + text-align: right; +} + +[dir='rtl'] .member-side { + text-align: left; +} + +[dir='rtl'] .chevron { + transform: rotate(180deg); +} + +@media (max-width: 360px) { + .salary-card, + .team-card { + padding-right: 14px; + padding-left: 14px; + } + + .team-summary, + .history-summary, + .history-grid { + grid-template-columns: 1fr; + } + + .member-row, + .invite-card { + grid-template-columns: 40px minmax(0, 1fr); + } + + .member-side, + .invite-action { + grid-column: 2; + justify-self: start; + text-align: left; + } +} diff --git a/gonghui/coinseller-center/index.html b/gonghui/coinseller-center/index.html new file mode 100644 index 0000000..dea4487 --- /dev/null +++ b/gonghui/coinseller-center/index.html @@ -0,0 +1,439 @@ + + + + + + Coin Seller Center + + + + + + +
+ + + + +
+
+
+ + +
+
+
-
+
UID: -
+
+
+ +
+
+
+
+ Coins +
+
+ Available stock +
+
+ +
+
+ + 0 +
+
+ +
+
+
+

+ Recharge user +

+

+ Search by user ID +

+
+ +
+
+ + +
+ + + +
+ +
+
+
+

+ Recent records +

+

+ Today's activity +

+
+ +
+
+
+
+ + + + + + + + +
+ + + + + + + + diff --git a/gonghui/coinseller-center/script.js b/gonghui/coinseller-center/script.js new file mode 100644 index 0000000..a916150 --- /dev/null +++ b/gonghui/coinseller-center/script.js @@ -0,0 +1,1121 @@ +(function () { + var SELLER_ASSET_TYPE = 'COIN_SELLER_COIN'; + var query = new URLSearchParams(window.location.search); + + var mock = { + profile: { + name: 'CoinSeller Mina', + uid: '163009', + region: 'Saudi Arabia', + avatar: avatarData('C', '#dbc8ff', '#7d57c7'), + }, + balance: { + coins: 1285000, + }, + users: [ + { + uid: '2001', + userId: '9002001', + name: 'Alice', + avatar: avatarData('A', '#dbc8ff', '#7d57c7'), + }, + { + uid: '2002', + userId: '9002002', + name: 'Bob', + avatar: avatarData('B', '#f4ebff', '#7d57c7'), + }, + { + uid: '2003', + userId: '9002003', + name: 'Nora', + avatar: avatarData('N', '#efe4ff', '#7d57c7'), + }, + ], + quickAmounts: [10000, 50000, 100000], + records: [ + { + id: 'tx-001', + type: 'income', + name: 'Stock transfer', + uid: 'System', + avatar: avatarData('S', '#e7f7f3', '#31a88f'), + coins: 300000, + amount: 36, + currency: 'USD', + time: '2026-06-04 10:30', + }, + { + id: 'tx-002', + type: 'expenditure', + name: 'Alice', + uid: '2001', + avatar: avatarData('A', '#dbc8ff', '#7d57c7'), + coins: 110000, + amount: 12.5, + currency: 'USD', + time: '2026-06-04 10:10', + }, + { + id: 'tx-003', + type: 'expenditure', + name: 'Bob', + uid: '2002', + avatar: avatarData('B', '#f4ebff', '#7d57c7'), + coins: 88000, + amount: 9.25, + currency: 'USD', + time: '2026-06-04 09:20', + }, + { + id: 'tx-004', + type: 'income', + name: 'Manager recharge', + uid: 'System', + avatar: avatarData('M', '#e7f7f3', '#31a88f'), + coins: 180000, + amount: 22, + currency: 'USD', + time: '2026-06-03 18:42', + }, + ], + }; + + var data = { + profile: emptyProfile(), + balance: { coins: 0 }, + users: [], + quickAmounts: mock.quickAmounts.slice(), + records: [], + }; + + var state = { + target: null, + coinAmount: '', + historyTab: 'income', + historyQuery: '', + historyLimit: 3, + isMock: query.get('mock') === '1', + loading: query.get('mock') !== '1', + searching: false, + submitting: false, + }; + + function $(id) { + return document.getElementById(id); + } + + function t(key, fallback) { + return window.HyAppI18n && window.HyAppI18n.t + ? window.HyAppI18n.t(key, fallback) + : fallback || key; + } + + function avatarData(text, background, foreground) { + var value = + String(text || 'C') + .trim() + .charAt(0) || 'C'; + var letter = value.replace(/[<>&"']/g, ''); + var svg = + '' + + '' + + '' + + letter + + '' + + ''; + return 'data:image/svg+xml;charset=UTF-8,' + encodeURIComponent(svg); + } + + function emptyProfile() { + return { + name: '', + uid: '', + region: '', + avatar: '', + }; + } + + function initial(text) { + return String(text || '') + .trim() + .charAt(0) + .toUpperCase(); + } + + function count(value) { + return Number(value || 0).toLocaleString('en-US', { + maximumFractionDigits: 0, + }); + } + + function toNumber(value) { + var number = Number(value); + return Number.isFinite(number) ? number : 0; + } + + function firstValue(source, keys) { + if (!source) return ''; + for (var i = 0; i < keys.length; i += 1) { + var value = source[keys[i]]; + if (value !== undefined && value !== null && value !== '') { + return value; + } + } + return ''; + } + + function unwrapData(payload) { + if (!payload || typeof payload !== 'object') return payload; + return Object.prototype.hasOwnProperty.call(payload, 'data') + ? payload.data + : payload; + } + + function replaceChildren(node, children) { + node.textContent = ''; + children.forEach(function (child) { + node.appendChild(child); + }); + } + + function toast(message) { + if (!message) return; + if (window.HyAppToast && window.HyAppToast.show) { + window.HyAppToast.show(message); + return; + } + window.alert(message); + } + + function setStatus(node, message, type) { + node.hidden = !message; + node.textContent = message || ''; + node.className = 'form-status' + (type ? ' ' + type : ''); + } + + function setSkeleton(element, loading, text) { + if (!element) return; + element.classList.toggle('skeleton-line', !!loading); + if (loading) { + element.textContent = ''; + return; + } + element.textContent = text || ''; + } + + function hasAPI() { + return ( + window.HyAppAPI && + window.HyAppAPI.user && + window.HyAppAPI.wallet + ); + } + + function setImage(image, fallback, src, name) { + if (!image || !fallback) return; + fallback.textContent = initial(name) || 'C'; + if (!src) { + image.hidden = true; + image.removeAttribute('src'); + fallback.hidden = false; + return; + } + image.onload = function () { + image.hidden = false; + fallback.hidden = true; + }; + image.onerror = function () { + image.hidden = true; + fallback.hidden = false; + }; + image.src = src; + } + + function renderAvatar(container, item) { + container.textContent = ''; + if (item.avatar) { + var image = document.createElement('img'); + image.src = item.avatar; + image.alt = ''; + image.addEventListener('error', function () { + container.textContent = initial(item.name || item.uid) || 'U'; + }); + container.appendChild(image); + return; + } + container.textContent = initial(item.name || item.uid) || 'U'; + } + + function normalizeProfile(payload) { + var source = unwrapData(payload) || {}; + return { + name: + firstValue(source, [ + 'username', + 'nickname', + 'name', + 'display_user_id', + 'displayUserID', + 'user_id', + 'userId', + ]) || '-', + uid: + firstValue(source, [ + 'display_user_id', + 'displayUserID', + 'displayUserId', + 'user_id', + 'userId', + ]) || '-', + region: + firstValue(source, [ + 'country_display_name', + 'countryDisplayName', + 'country_name', + 'countryName', + 'region_name', + 'regionName', + 'country', + 'region', + ]) || '', + avatar: + firstValue(source, [ + 'avatar', + 'avatar_url', + 'avatarUrl', + 'profile_picture_url', + 'profilePictureUrl', + ]) || '', + }; + } + + function normalizeBalance(payload) { + var source = unwrapData(payload) || {}; + var balances = Array.isArray(source.balances) + ? source.balances + : Array.isArray(source) + ? source + : []; + var matched = + balances.find(function (item) { + return item && item.asset_type === SELLER_ASSET_TYPE; + }) || + balances.find(function (item) { + return item && item.assetType === SELLER_ASSET_TYPE; + }) || + balances[0] || + {}; + return { + coins: toNumber( + firstValue(matched, [ + 'available_amount', + 'availableAmount', + 'available', + 'amount', + ]) + ), + }; + } + + function timeLabelFromMS(value) { + var number = Number(value || 0); + if (!Number.isFinite(number) || number <= 0) return ''; + var date = new Date(number); + if (Number.isNaN(date.getTime())) return ''; + return ( + date.getFullYear() + + '-' + + String(date.getMonth() + 1).padStart(2, '0') + + '-' + + String(date.getDate()).padStart(2, '0') + + ' ' + + String(date.getHours()).padStart(2, '0') + + ':' + + String(date.getMinutes()).padStart(2, '0') + ); + } + + function normalizeResolvedUser(payload, keyword) { + var source = unwrapData(payload) || {}; + var identity = source.identity || source.user_identity || source; + var profile = source.profile || source.user || source; + var displayID = + firstValue(identity, [ + 'display_user_id', + 'displayUserID', + 'displayUserId', + 'display_id', + 'displayId', + ]) || + firstValue(profile, [ + 'display_user_id', + 'displayUserID', + 'displayUserId', + 'display_id', + 'displayId', + ]) || + String(keyword || '').trim(); + var userID = + firstValue(identity, ['user_id', 'userId', 'id']) || + firstValue(profile, ['user_id', 'userId', 'id']) || + ''; + return { + uid: displayID, + userId: userID, + name: + firstValue(profile, ['username', 'nickname', 'name']) || + firstValue(identity, ['username', 'nickname', 'name']) || + t('coinseller_center.user_name_template', 'User {id}').replace( + '{id}', + displayID + ), + avatar: + firstValue(profile, [ + 'avatar', + 'avatar_url', + 'avatarUrl', + 'profile_picture_url', + 'profilePictureUrl', + ]) || + firstValue(identity, [ + 'avatar', + 'avatar_url', + 'avatarUrl', + 'profile_picture_url', + 'profilePictureUrl', + ]) || + '', + }; + } + + function normalizeTransactionRecord(item, index) { + var delta = toNumber( + firstValue(item, ['available_delta', 'availableDelta']) + ); + var type = delta >= 0 ? 'income' : 'expenditure'; + var counterpartyUserID = String( + firstValue(item, ['counterparty_user_id', 'counterpartyUserId']) || '' + ); + var counterpartyDisplayID = String( + firstValue(item, [ + 'counterparty_display_user_id', + 'counterpartyDisplayUserId', + 'counterpartyDisplayUserID', + ]) || '' + ); + var counterpartyName = firstValue(item, [ + 'counterparty_username', + 'counterpartyUsername', + 'counterparty_name', + 'counterpartyName', + ]); + var counterpartyAvatar = firstValue(item, [ + 'counterparty_avatar', + 'counterpartyAvatar', + ]); + var counterpartyUID = counterpartyDisplayID || counterpartyUserID; + var name = + type === 'income' + ? t('coinseller_center.stock_transfer', 'Stock transfer') + : counterpartyName || + (counterpartyUID + ? t( + 'coinseller_center.user_name_template', + 'User {id}' + ).replace('{id}', counterpartyUID) + : t('coinseller_center.transfer_out', 'Transfer out')); + var uid = + counterpartyUID || + (type === 'income' ? t('coinseller_center.system', 'System') : '-'); + return { + id: + firstValue(item, ['transaction_id', 'transactionId']) || + String(firstValue(item, ['entry_id', 'entryId']) || index), + type: type, + name: name, + uid: uid, + avatar: counterpartyAvatar || avatarData( + name, + type === 'income' ? '#e7f7f3' : '#dbc8ff', + type === 'income' ? '#31a88f' : '#7d57c7' + ), + coins: Math.abs(delta), + amount: 0, + currency: '', + time: timeLabelFromMS( + firstValue(item, ['created_at_ms', 'createdAtMs']) + ), + }; + } + + function normalizeTransactions(payload) { + var source = unwrapData(payload) || {}; + var items = Array.isArray(source.items) + ? source.items + : Array.isArray(source.transactions) + ? source.transactions + : Array.isArray(source) + ? source + : []; + return items.map(function (item, index) { + return normalizeTransactionRecord(item || {}, index); + }); + } + + function applyMockData() { + data.profile = Object.assign({}, mock.profile); + data.balance = Object.assign({}, mock.balance); + data.users = mock.users.slice(); + data.quickAmounts = mock.quickAmounts.slice(); + data.records = mock.records.slice(); + } + + function applyEmptyData() { + data.profile = emptyProfile(); + data.balance = { coins: 0 }; + data.users = []; + data.quickAmounts = mock.quickAmounts.slice(); + data.records = []; + } + + function loadRealData() { + if (!hasAPI()) { + toast(t('coinseller_center.load_failed', 'Load failed. Try again later.')); + return Promise.resolve(); + } + state.loading = true; + render(); + return Promise.all([ + window.HyAppAPI.user.me(), + window.HyAppAPI.wallet.balances(SELLER_ASSET_TYPE), + window.HyAppAPI.wallet.transactions + ? window.HyAppAPI.wallet + .transactions({ + asset_type: SELLER_ASSET_TYPE, + page: 1, + page_size: 20, + }) + .catch(function (error) { + if (window.console && window.console.warn) { + window.console.warn( + '[coinseller-center] records api failed', + error + ); + } + return null; + }) + : Promise.resolve(null), + ]) + .then(function (results) { + data.profile = normalizeProfile(results[0]); + data.balance = normalizeBalance(results[1]); + data.records = normalizeTransactions(results[2]); + }) + .catch(function (error) { + if (window.console && window.console.warn) { + window.console.warn('[coinseller-center] api failed', error); + } + toast( + t( + 'coinseller_center.load_failed', + 'Load failed. Try again later.' + ) + ); + }) + .finally(function () { + state.loading = false; + render(); + }); + } + + function renderProfile() { + var image = $('profileAvatar'); + var fallback = $('profileAvatarFallback'); + var profile = data.profile; + var loading = !!state.loading; + + setSkeleton($('profileName'), loading, profile.name || ''); + setSkeleton( + $('profileUID'), + loading, + profile.uid + ? t('coinseller_center.uid_prefix', 'UID: {id}').replace( + '{id}', + profile.uid + ) + : '' + ); + fallback.classList.toggle('avatar-skeleton', loading); + if (loading) { + image.hidden = true; + image.removeAttribute('src'); + fallback.hidden = false; + fallback.textContent = ''; + return; + } + + setImage(image, fallback, profile.avatar, profile.name || profile.uid); + } + + function renderBalance() { + setSkeleton($('coinBalance'), state.loading, count(data.balance.coins)); + var coinIcon = document.querySelector('.balance-value .coin-icon'); + if (coinIcon) { + coinIcon.classList.toggle('skeleton-coin', !!state.loading); + } + } + + function renderQuickAmounts() { + replaceChildren( + $('quickAmounts'), + data.quickAmounts.map(function (amount) { + var button = document.createElement('button'); + button.className = + 'quick-amount' + + (String(amount) === state.coinAmount ? ' is-active' : ''); + button.type = 'button'; + button.textContent = count(amount); + button.addEventListener('click', function () { + state.coinAmount = String(amount); + $('coinAmountInput').value = state.coinAmount; + setStatus($('rechargeStatus'), '', ''); + renderRechargeState(); + }); + return button; + }) + ); + } + + function renderTarget() { + var card = $('targetCard'); + if (!state.target) { + card.hidden = true; + $('rechargeTargetName').textContent = '-'; + return; + } + card.hidden = false; + renderAvatar($('targetAvatar'), state.target); + $('targetName').textContent = state.target.name; + $('targetUID').textContent = t( + 'coinseller_center.uid_prefix', + 'UID: {id}' + ).replace('{id}', state.target.uid); + $('rechargeTargetName').textContent = + t('coinseller_center.target_user', 'Target user') + + ': ' + + state.target.name; + } + + function parsedCoinAmount() { + var input = $('coinAmountInput'); + if (input) { + var sanitized = String(input.value || '').replace(/[^\d]/g, ''); + if (input.value !== sanitized) input.value = sanitized; + state.coinAmount = sanitized; + } + return Number(state.coinAmount || 0); + } + + function renderRechargeState() { + var amount = parsedCoinAmount(); + var disabled = + state.loading || + state.submitting || + state.searching || + !state.target || + amount <= 0; + $('rechargeButton').disabled = disabled; + $('searchButton').disabled = state.searching; + renderQuickAmounts(); + } + + function recordMatchesQuery(record) { + if (!state.historyQuery) return true; + var keyword = state.historyQuery.toLowerCase(); + return ( + String(record.name || '') + .toLowerCase() + .indexOf(keyword) >= 0 || + String(record.uid || '') + .toLowerCase() + .indexOf(keyword) >= 0 + ); + } + + function visibleHistoryRecords() { + return data.records + .filter(function (record) { + return ( + record.type === state.historyTab && recordMatchesQuery(record) + ); + }) + .slice(0, state.historyLimit); + } + + function createRecordRow(record) { + var row = document.createElement('article'); + var avatar = document.createElement('div'); + var main = document.createElement('div'); + var title = document.createElement('div'); + var meta = document.createElement('div'); + var side = document.createElement('div'); + var amount = document.createElement('strong'); + var time = document.createElement('span'); + + row.className = 'record-row'; + avatar.className = 'record-avatar'; + main.className = 'record-main'; + title.className = 'record-title'; + meta.className = 'record-meta'; + side.className = + 'record-side' + (record.type === 'income' ? ' is-income' : ''); + + renderAvatar(avatar, record); + title.textContent = record.name || '-'; + meta.textContent = t('coinseller_center.uid_prefix', 'UID: {id}').replace( + '{id}', + record.uid || '-' + ); + amount.textContent = + (record.type === 'income' ? '+' : '-') + + count(record.coins) + + ' ' + + t('coinseller_center.coins_lower', 'coins'); + time.textContent = record.time || ''; + + main.appendChild(title); + main.appendChild(meta); + side.appendChild(amount); + side.appendChild(time); + row.appendChild(avatar); + row.appendChild(main); + row.appendChild(side); + return row; + } + + function renderRecent() { + replaceChildren( + $('recentList'), + data.records.slice(0, 3).map(function (record) { + return createRecordRow(record); + }) + ); + } + + function renderHistory() { + document.querySelectorAll('[data-history-tab]').forEach(function (tab) { + var active = tab.getAttribute('data-history-tab') === state.historyTab; + tab.classList.toggle('is-active', active); + tab.setAttribute('aria-selected', String(active)); + }); + + var all = data.records.filter(function (record) { + return record.type === state.historyTab && recordMatchesQuery(record); + }); + var records = visibleHistoryRecords(); + $('loadMoreButton').hidden = records.length >= all.length; + setStatus( + $('historyStatus'), + all.length + ? '' + : t( + 'coinseller_center.no_transaction_records', + 'No transaction records' + ), + all.length ? '' : 'warning' + ); + replaceChildren( + $('historyList'), + records.map(function (record) { + return createRecordRow(record); + }) + ); + } + + function findMockUser(keyword) { + var normalized = String(keyword || '') + .trim() + .toLowerCase(); + return data.users.find(function (user) { + return ( + String(user.uid || '') + .toLowerCase() + .indexOf(normalized) >= 0 || + String(user.name || '') + .toLowerCase() + .indexOf(normalized) >= 0 + ); + }); + } + + function findUser(keyword) { + if (state.isMock) { + return Promise.resolve(findMockUser(keyword) || null); + } + if (!hasAPI() || !window.HyAppAPI.user.resolveDisplayUserID) { + return Promise.reject(new Error('api_not_ready')); + } + return window.HyAppAPI.user + .resolveDisplayUserID(keyword) + .then(function (payload) { + return normalizeResolvedUser(payload, keyword); + }); + } + + function handleSearch(value) { + state.searching = true; + setStatus( + $('searchStatus'), + t('coinseller_center.loading', 'Loading...'), + '' + ); + renderRechargeState(); + findUser(value) + .then(function (user) { + if (!user) { + state.target = null; + renderTarget(); + renderRechargeState(); + setStatus( + $('searchStatus'), + t('coinseller_center.user_not_found', 'User not found.'), + 'warning' + ); + return; + } + state.target = user; + renderTarget(); + renderRechargeState(); + setStatus($('searchStatus'), '', ''); + }) + .catch(function (error) { + if (window.console && window.console.warn) { + window.console.warn('[coinseller-center] user search failed', error); + } + state.target = null; + renderTarget(); + renderRechargeState(); + setStatus( + $('searchStatus'), + t('coinseller_center.user_not_found', 'User not found.'), + 'warning' + ); + }) + .finally(function () { + state.searching = false; + renderRechargeState(); + }); + } + + function commandID() { + return [ + 'coin-seller-transfer', + Date.now(), + Math.random().toString(36).slice(2, 8), + ].join('-'); + } + + function buildTransferPayload(amount) { + return { + command_id: commandID(), + target_display_user_id: String(state.target.uid || '').trim(), + amount: amount, + reason: 'player recharge', + }; + } + + function appendTransferRecord(amount, response) { + var payload = unwrapData(response) || {}; + var coins = toNumber( + firstValue(payload, [ + 'amount', + 'recharge_policy_coin_amount', + 'rechargePolicyCoinAmount', + ]) + ); + var usdMinor = toNumber( + firstValue(payload, ['recharge_usd_minor', 'rechargeUsdMinor']) + ); + data.records.unshift({ + id: + firstValue(payload, ['transaction_id', 'transactionId']) || + 'tx-' + Date.now(), + type: 'expenditure', + name: state.target.name, + uid: state.target.uid, + avatar: state.target.avatar, + coins: coins || amount, + amount: usdMinor > 0 ? usdMinor / 100 : amount / 8800, + currency: + firstValue(payload, [ + 'recharge_currency_code', + 'rechargeCurrencyCode', + ]) || 'USD', + time: currentTimeLabel(), + }); + } + + function rechargeNow() { + var amount = parsedCoinAmount(); + if (!state.target) { + setStatus( + $('rechargeStatus'), + t('coinseller_center.select_user_first', 'Select a user first.'), + 'warning' + ); + return; + } + if (amount <= 0) { + setStatus( + $('rechargeStatus'), + t( + 'coinseller_center.valid_amount_required', + 'Please enter a valid amount.' + ), + 'warning' + ); + return; + } + if (amount > data.balance.coins) { + setStatus( + $('rechargeStatus'), + t('coinseller_center.amount_exceeds_stock', 'Amount exceeds stock.'), + 'warning' + ); + return; + } + if (state.isMock) { + data.balance.coins -= amount; + appendTransferRecord(amount, {}); + finishRecharge(); + return; + } + if (!hasAPI() || !window.HyAppAPI.wallet.transferCoinFromSeller) { + setStatus($('rechargeStatus'), '', ''); + toast(t('coinseller_center.transfer_failed', 'Transfer failed.')); + return; + } + + state.submitting = true; + setStatus( + $('rechargeStatus'), + t('coinseller_center.loading', 'Loading...'), + '' + ); + renderRechargeState(); + window.HyAppAPI.wallet + .transferCoinFromSeller(buildTransferPayload(amount)) + .then(function (response) { + var payload = unwrapData(response) || {}; + var balanceAfter = toNumber( + firstValue(payload, [ + 'seller_balance_after', + 'sellerBalanceAfter', + ]) + ); + if (balanceAfter > 0 || payload.seller_balance_after === 0) { + data.balance.coins = balanceAfter; + } else { + data.balance.coins -= amount; + } + appendTransferRecord(amount, response); + finishRecharge(); + }) + .catch(function (error) { + if (window.console && window.console.warn) { + window.console.warn('[coinseller-center] transfer failed', error); + } + setStatus($('rechargeStatus'), '', ''); + toast( + error && error.message + ? error.message + : t('coinseller_center.transfer_failed', 'Transfer failed.') + ); + }) + .finally(function () { + state.submitting = false; + renderRechargeState(); + }); + } + + function finishRecharge() { + state.coinAmount = ''; + $('coinAmountInput').value = ''; + setStatus( + $('rechargeStatus'), + t('coinseller_center.recharge_success', 'Recharge success.'), + 'success' + ); + renderBalance(); + renderRecent(); + renderRechargeState(); + if (!$('historyModal').hidden) renderHistory(); + closeModal('rechargeModal'); + toast(t('coinseller_center.recharge_success', 'Recharge success.')); + } + + function currentTimeLabel() { + var now = new Date(); + return ( + now.getFullYear() + + '-' + + String(now.getMonth() + 1).padStart(2, '0') + + '-' + + String(now.getDate()).padStart(2, '0') + + ' ' + + String(now.getHours()).padStart(2, '0') + + ':' + + String(now.getMinutes()).padStart(2, '0') + ); + } + + function openModal(id) { + var modal = $(id); + if (!modal) return; + modal.hidden = false; + modal.setAttribute('aria-hidden', 'false'); + document.body.classList.add('modal-open'); + } + + function closeModal(id) { + var modal = $(id); + if (!modal) return; + modal.hidden = true; + modal.setAttribute('aria-hidden', 'true'); + var hasOpen = Array.prototype.some.call( + document.querySelectorAll('.sheet-modal'), + function (node) { + return !node.hidden; + } + ); + document.body.classList.toggle('modal-open', hasOpen); + } + + function bindEvents() { + $('backButton').addEventListener('click', function () { + if (window.HyAppBridge) window.HyAppBridge.back(); + }); + $('historyButton').addEventListener('click', function () { + state.historyLimit = 3; + renderHistory(); + openModal('historyModal'); + }); + $('viewAllHistoryButton').addEventListener('click', function () { + state.historyLimit = 3; + renderHistory(); + openModal('historyModal'); + }); + $('helpButton').addEventListener('click', function () { + openModal('helpModal'); + }); + document.querySelectorAll('[data-close-modal]').forEach(function (node) { + node.addEventListener('click', function () { + closeModal(node.getAttribute('data-close-modal')); + }); + }); + $('searchForm').addEventListener('submit', function (event) { + event.preventDefault(); + var value = $('userSearchInput').value.trim(); + if (!value) { + setStatus( + $('searchStatus'), + t('coinseller_center.enter_user_id', 'Enter user ID'), + 'warning' + ); + return; + } + handleSearch(value); + }); + $('openRechargeButton').addEventListener('click', function () { + if (!state.target) return; + state.coinAmount = ''; + $('coinAmountInput').value = ''; + setStatus($('rechargeStatus'), '', ''); + renderRechargeState(); + openModal('rechargeModal'); + window.setTimeout(function () { + $('coinAmountInput').focus(); + }, 80); + }); + $('coinAmountInput').addEventListener('input', function () { + state.coinAmount = $('coinAmountInput').value.replace(/[^\d]/g, ''); + $('coinAmountInput').value = state.coinAmount; + setStatus($('rechargeStatus'), '', ''); + renderRechargeState(); + }); + $('rechargeForm').addEventListener('submit', function (event) { + event.preventDefault(); + rechargeNow(); + }); + document.querySelectorAll('[data-history-tab]').forEach(function (tab) { + tab.addEventListener('click', function () { + state.historyTab = tab.getAttribute('data-history-tab'); + state.historyLimit = 3; + renderHistory(); + }); + }); + $('historySearchForm').addEventListener('submit', function (event) { + event.preventDefault(); + state.historyQuery = $('historySearchInput').value.trim(); + state.historyLimit = 3; + renderHistory(); + }); + $('historyClearButton').addEventListener('click', function () { + state.historyQuery = ''; + $('historySearchInput').value = ''; + state.historyLimit = 3; + renderHistory(); + }); + $('loadMoreButton').addEventListener('click', function () { + state.historyLimit += 3; + renderHistory(); + }); + document.addEventListener('keydown', function (event) { + if (event.key !== 'Escape') return; + closeModal('historyModal'); + closeModal('helpModal'); + }); + } + + function render() { + renderProfile(); + renderBalance(); + renderQuickAmounts(); + renderTarget(); + renderRechargeState(); + renderRecent(); + } + + function init() { + if (state.isMock) { + applyMockData(); + } else { + applyEmptyData(); + } + render(); + bindEvents(); + if (window.HyAppBridge) { + window.HyAppBridge.ready({ + page: 'coinseller-center', + mock: state.isMock, + }); + } + if (!state.isMock) loadRealData(); + } + + if (document.readyState === 'loading') { + document.addEventListener('DOMContentLoaded', init); + } else { + init(); + } + + window.addEventListener('hyapp:i18n-ready', function () { + render(); + if (!$('historyModal').hidden) renderHistory(); + }); +})(); diff --git a/gonghui/coinseller-center/style.css b/gonghui/coinseller-center/style.css new file mode 100644 index 0000000..560bfca --- /dev/null +++ b/gonghui/coinseller-center/style.css @@ -0,0 +1,550 @@ +.coinseller-center { + overflow: hidden auto; +} + +.role-pill { + display: inline-flex; + align-items: center; + min-height: 24px; + padding: 0 10px; + border-radius: 999px; + background: var(--primary-soft); + color: var(--primary-deep); + font-size: 12px; + font-weight: 900; +} + +.balance-card, +.search-card, +.recent-card { + padding: 16px; +} + +.balance-head, +.section-head { + display: flex; + align-items: center; + justify-content: space-between; + gap: 12px; +} + +.balance-label, +.section-head h2 { + margin: 0; + color: var(--text); + font-size: 18px; + font-weight: 950; + line-height: 1.15; +} + +.balance-subtitle, +.section-head p { + margin: 6px 0 0; + color: var(--muted); + font-size: 12px; + font-weight: 800; + line-height: 1.2; +} + +.round-action { + display: flex; + align-items: center; + justify-content: center; + width: 44px; + height: 44px; + flex: 0 0 44px; + border-radius: 50%; + background: var(--primary-soft); + color: var(--primary-deep); +} + +.round-action.small { + width: 36px; + height: 36px; + flex-basis: 36px; +} + +.round-action svg { + width: 24px; + height: 24px; +} + +.round-action.small svg { + width: 20px; + height: 20px; +} + +.round-action path, +.round-action circle { + fill: none; + stroke: currentColor; + stroke-linecap: round; + stroke-linejoin: round; + stroke-width: 2; +} + +.balance-value { + display: flex; + align-items: center; + gap: 10px; + margin-top: 18px; + color: #23272d; + font-size: 34px; + font-weight: 950; + line-height: 1; +} + +.balance-value strong { + min-width: 0; + overflow-wrap: anywhere; +} + +.coin-icon, +.input-coin { + display: inline-flex; + align-items: center; + justify-content: center; + width: 28px; + height: 28px; + flex: 0 0 28px; + border-radius: 50%; + background: linear-gradient(145deg, #ffe179 0%, #ffb62d 52%, #f49b20 100%); + color: #fff; + font-size: 19px; + font-weight: 950; + box-shadow: + inset 0 1px 2px rgba(255, 255, 255, 0.7), + 0 1px 2px rgba(195, 117, 12, 0.24); +} + +.search-card, +.recent-card { + display: grid; + gap: 14px; +} + +.search-form, +.history-search-form { + display: grid; + grid-template-columns: minmax(0, 1fr) 102px; + gap: 10px; +} + +.search-form input, +.history-search-form input, +.coin-input-shell { + min-width: 0; + height: 52px; + border: 1px solid var(--line); + border-radius: 8px; + background: rgba(251, 249, 255, 0.9); +} + +.search-form input, +.history-search-form input { + width: 100%; + padding: 0 14px; + color: var(--text); + font-size: 15px; + font-weight: 800; +} + +.search-form input::placeholder, +.history-search-form input::placeholder, +.coin-input-shell input::placeholder { + color: #b5b0bd; +} + +.search-form button, +.history-search-form button, +.recharge-form button, +.load-more { + min-height: 52px; + border-radius: 8px; + background: var(--button); + color: #fff; + font-size: 15px; + font-weight: 900; +} + +.history-clear-button { + background: var(--primary-soft) !important; + color: var(--primary-deep) !important; +} + +.form-status { + min-height: 42px; + padding: 12px 14px; + border-radius: 8px; + background: rgba(249, 241, 255, 0.72); + color: var(--muted); + font-size: 13px; + font-weight: 850; +} + +.form-status.success { + background: rgba(49, 198, 168, 0.12); + color: var(--success); +} + +.form-status.warning { + background: rgba(217, 93, 114, 0.1); + color: var(--danger); +} + +.target-card { + display: grid; + grid-template-columns: 52px minmax(0, 1fr) 52px; + gap: 12px; + align-items: center; + padding-top: 14px; + border-top: 1px solid var(--line); +} + +.target-card[hidden] { + display: none; +} + +.target-avatar, +.record-avatar { + display: flex; + align-items: center; + justify-content: center; + overflow: hidden; + border-radius: 50%; + background: var(--primary); + color: var(--primary-deep); + font-weight: 950; +} + +.target-avatar { + width: 52px; + height: 52px; + font-size: 21px; +} + +.target-avatar img, +.record-avatar img { + display: block; + width: 100%; + height: 100%; + object-fit: cover; +} + +.target-main { + min-width: 0; +} + +.target-name { + margin-top: 6px; + overflow: hidden; + color: var(--text); + font-size: 17px; + font-weight: 950; + line-height: 1.15; + text-overflow: ellipsis; + white-space: nowrap; +} + +.target-meta { + margin-top: 5px; + overflow: hidden; + color: var(--muted); + font-size: 12px; + font-weight: 800; + text-overflow: ellipsis; + white-space: nowrap; +} + +.target-coin-action { + display: flex; + align-items: center; + justify-content: center; + width: 52px; + height: 52px; + border-radius: 50%; + background: var(--primary-soft); + color: var(--primary-deep); +} + +.target-coin-action .coin-icon { + width: 32px; + height: 32px; + flex-basis: 32px; + font-size: 20px; +} + +.quick-amounts { + display: grid; + grid-template-columns: repeat(3, minmax(0, 1fr)); + gap: 8px; +} + +.quick-amount { + min-height: 40px; + border: 1px solid var(--line); + border-radius: 8px; + background: var(--primary-soft); + color: var(--primary-deep); + font-size: 13px; + font-weight: 900; +} + +.quick-amount.is-active { + border-color: var(--primary-deep); + background: var(--primary-deep); + color: #fff; +} + +.recharge-form { + display: grid; + gap: 12px; +} + +.recharge-sheet { + max-height: 78vh; + max-height: 78dvh; +} + +.recharge-sheet-body { + display: grid; + gap: 14px; + padding: 16px 18px calc(18px + env(safe-area-inset-bottom)); +} + +.recharge-target { + overflow: hidden; + color: var(--text); + font-size: 16px; + font-weight: 950; + line-height: 1.2; + text-overflow: ellipsis; + white-space: nowrap; +} + +.recharge-sheet-body p { + margin: 0; + color: var(--muted); + font-size: 13px; + font-weight: 850; + line-height: 1.25; +} + +.coin-input-shell { + display: grid; + grid-template-columns: 42px minmax(0, 1fr); + align-items: center; + padding: 0 14px; +} + +.input-coin { + width: 26px; + height: 26px; + flex-basis: 26px; + font-size: 17px; +} + +.coin-input-shell input { + width: 100%; + border: 0; + background: transparent; + color: var(--text); + font-size: 20px; + font-weight: 950; +} + +.recharge-form button { + width: 100%; + min-height: 56px; + border-radius: 28px; +} + +.recharge-form button:disabled { + background: var(--button-disabled); + color: var(--muted); +} + +.text-link { + min-height: 34px; +} + +.record-list { + display: grid; + gap: 10px; +} + +.record-row { + display: grid; + grid-template-columns: 42px minmax(0, 1fr) auto; + gap: 10px; + align-items: center; + min-width: 0; + padding: 12px; + border: 1px solid var(--line); + border-radius: 8px; + background: #fbfcfc; +} + +.record-avatar { + width: 42px; + height: 42px; + font-size: 17px; +} + +.record-main { + min-width: 0; +} + +.record-title { + overflow: hidden; + color: var(--text); + font-size: 15px; + font-weight: 900; + line-height: 1.2; + text-overflow: ellipsis; + white-space: nowrap; +} + +.record-meta { + margin-top: 5px; + overflow: hidden; + color: var(--muted); + font-size: 12px; + font-weight: 800; + line-height: 1.2; + text-overflow: ellipsis; + white-space: nowrap; +} + +.record-side { + display: grid; + justify-items: end; + gap: 4px; + color: var(--muted); + font-size: 12px; + font-weight: 800; +} + +.record-side strong { + color: var(--primary-deep); + font-size: 15px; + font-weight: 950; + white-space: nowrap; +} + +.record-side.is-income strong { + color: var(--success); +} + +.history-sheet { + max-height: 86vh; + max-height: 86dvh; +} + +.history-body { + display: grid; + gap: 12px; + min-height: 0; + overflow: auto; + padding: 14px 16px 18px; + -webkit-overflow-scrolling: touch; +} + +.history-search-form { + grid-template-columns: minmax(0, 1fr) 86px 76px; +} + +.history-tabs { + display: grid; + grid-template-columns: repeat(2, minmax(0, 1fr)); + gap: 6px; + padding: 6px; + border-radius: 8px; + background: var(--primary-soft); +} + +.history-tab { + display: flex; + align-items: center; + justify-content: center; + min-height: 42px; + border-radius: 7px; + color: var(--muted); + font-size: 15px; + font-weight: 900; +} + +.history-tab.is-active { + background: #fff; + color: var(--text); + box-shadow: 0 8px 18px rgba(98, 72, 155, 0.08); +} + +.history-records { + max-height: 360px; + overflow: auto; + -webkit-overflow-scrolling: touch; +} + +.load-more { + background: var(--primary-soft); + color: var(--primary-deep); +} + +.help-content { + display: grid; + gap: 10px; + padding: 16px 18px 22px; +} + +.help-content h3, +.help-content p { + margin: 0; +} + +.help-content h3 { + color: var(--text); + font-size: 17px; + font-weight: 950; +} + +.help-content p { + margin-top: 8px; + color: var(--text); + font-size: 14px; + font-weight: 900; + line-height: 1.3; +} + +.help-content span { + color: var(--muted); + font-size: 13px; + font-weight: 750; + line-height: 1.45; +} + +body.modal-open .coinseller-center { + overflow: hidden; +} + +[dir='rtl'] .record-side { + justify-items: start; +} + +[dir='rtl'] .history-search-form { + direction: rtl; +} + +@media (max-width: 360px) { + .balance-value { + font-size: 30px; + } + + .search-form { + grid-template-columns: minmax(0, 1fr) 88px; + } + + .history-search-form { + grid-template-columns: minmax(0, 1fr); + } +} diff --git a/gonghui/common/center.css b/gonghui/common/center.css index d364818..794721e 100644 --- a/gonghui/common/center.css +++ b/gonghui/common/center.css @@ -75,7 +75,8 @@ input:focus-visible { .host-center, .bd-center, .agency-center, -.superadmin-center { +.superadmin-center, +.coinseller-center { position: relative; width: 100%; max-width: 430px; @@ -278,6 +279,111 @@ input:focus-visible { white-space: nowrap; } +.skeleton-line, +.avatar-skeleton, +.skeleton-coin, +.skeleton-fill, +.policy-skeleton-block { + position: relative; + display: inline-block; + overflow: hidden; + color: transparent !important; + background: linear-gradient( + 90deg, + #f2eafb 0%, + #eadcff 38%, + #f8f3ff 62%, + #f2eafb 100% + ) !important; + background-size: 220% 100% !important; + box-shadow: none !important; + animation: centerSkeleton 1.15s ease-in-out infinite; +} + +.name.skeleton-line { + width: min(260px, 78%); + height: 30px; + border-radius: 8px; +} + +.meta.skeleton-line { + width: 135px; + height: 18px; + margin-top: 9px; + border-radius: 7px; +} + +.profile-badge.skeleton-line { + width: 190px; + height: 28px; + border-radius: 999px; +} + +.avatar-skeleton { + width: 100%; + height: 100%; + border-radius: 50%; +} + +.income-value .skeleton-line, +.balance-value .skeleton-line { + width: 160px; + height: 38px; + border-radius: 10px; +} + +.income-foot.skeleton-line { + width: 190px; + height: 18px; + border-radius: 7px; +} + +.task-pill.skeleton-line { + width: 108px; + min-height: 28px; +} + +.task-item strong.skeleton-line { + width: 126px; + height: 23px; + border-radius: 8px; +} + +.skeleton-fill { + width: 38% !important; +} + +.policy-summary .skeleton-line { + border-radius: 8px; +} + +.policy-summary strong.skeleton-line { + width: 220px; + height: 22px; +} + +.policy-summary span.skeleton-line { + width: 260px; + max-width: 100%; + height: 16px; +} + +.policy-skeleton-block { + height: 132px; + margin-top: 14px; + border-radius: 8px; +} + +@keyframes centerSkeleton { + 0% { + background-position: 120% 0; + } + + 100% { + background-position: -120% 0; + } +} + .text-link, .salary-link { display: inline-flex; diff --git a/gonghui/host-center/style.css b/gonghui/host-center/style.css index 5866643..80e8ff1 100644 --- a/gonghui/host-center/style.css +++ b/gonghui/host-center/style.css @@ -168,110 +168,6 @@ transition: width 0.2s ease; } -.skeleton-line, -.avatar-skeleton, -.skeleton-coin, -.skeleton-fill, -.policy-skeleton-block { - position: relative; - display: inline-block; - overflow: hidden; - color: transparent !important; - background: linear-gradient( - 90deg, - #f2eafb 0%, - #eadcff 38%, - #f8f3ff 62%, - #f2eafb 100% - ) !important; - background-size: 220% 100% !important; - box-shadow: none !important; - animation: hostSkeleton 1.15s ease-in-out infinite; -} - -.name.skeleton-line { - width: min(260px, 78%); - height: 30px; - border-radius: 8px; -} - -.meta.skeleton-line { - width: 135px; - height: 18px; - margin-top: 9px; - border-radius: 7px; -} - -.profile-badge.skeleton-line { - width: 190px; - height: 28px; - border-radius: 999px; -} - -.avatar-skeleton { - width: 100%; - height: 100%; - border-radius: 50%; -} - -.income-value .skeleton-line { - width: 160px; - height: 38px; - border-radius: 10px; -} - -.income-foot.skeleton-line { - width: 190px; - height: 18px; - border-radius: 7px; -} - -.task-pill.skeleton-line { - width: 108px; - min-height: 28px; -} - -.task-item strong.skeleton-line { - width: 126px; - height: 23px; - border-radius: 8px; -} - -.skeleton-fill { - width: 38% !important; -} - -.policy-summary .skeleton-line { - border-radius: 8px; -} - -.policy-summary strong.skeleton-line { - width: 220px; - height: 22px; -} - -.policy-summary span.skeleton-line { - width: 260px; - max-width: 100%; - height: 16px; -} - -.policy-skeleton-block { - height: 132px; - margin-top: 14px; - border-radius: 8px; -} - -@keyframes hostSkeleton { - 0% { - background-position: 120% 0; - } - - 100% { - background-position: -120% 0; - } -} - .policy-sheet-body { min-height: 180px; overflow-y: auto; diff --git a/gonghui/superadmin-center/index.html b/gonghui/superadmin-center/index.html index 0c6c6ac..db970ec 100644 --- a/gonghui/superadmin-center/index.html +++ b/gonghui/superadmin-center/index.html @@ -12,7 +12,7 @@ rel="stylesheet" href="../common/center.css?v=20260604-superadmin" /> - + @@ -356,7 +356,8 @@ + - + diff --git a/gonghui/superadmin-center/script.js b/gonghui/superadmin-center/script.js index 2e3aac7..eed559b 100644 --- a/gonghui/superadmin-center/script.js +++ b/gonghui/superadmin-center/script.js @@ -1,11 +1,15 @@ (function () { + var query = new URLSearchParams(window.location.search); var state = { activeTab: 'bd', inviteMode: 'bd', inviteQuery: '', inviteStatus: '', inviteStatusType: '', + inviteSearchResults: [], + inviteSubmitting: {}, selectedDetails: null, + isMock: query.get('mock') === '1', }; var mock = { @@ -27,6 +31,7 @@ bdList: [ { id: '880001', + userId: '3200901', name: 'Mila BD', avatar: avatarData('M', '#dbc8ff', '#7d57c7'), agencies: 12, @@ -36,6 +41,7 @@ }, { id: '880018', + userId: '3200918', name: 'Jasmine BD', avatar: avatarData('J', '#f4ebff', '#7d57c7'), agencies: 9, @@ -45,6 +51,7 @@ }, { id: '880026', + userId: '3200926', name: 'Omar BD', avatar: avatarData('O', '#efe4ff', '#7d57c7'), agencies: 7, @@ -56,6 +63,7 @@ agencyList: [ { id: '163003', + userId: '3200801', name: 'Yumi Star Agency', avatar: avatarData('Y', '#dbc8ff', '#7d57c7'), bdId: '880001', @@ -65,6 +73,7 @@ }, { id: '163086', + userId: '3200802', name: 'Moon Live Agency', avatar: avatarData('M', '#f4ebff', '#7d57c7'), bdId: '880018', @@ -74,6 +83,7 @@ }, { id: '163221', + userId: '3200803', name: 'Nova Host Guild', avatar: avatarData('N', '#efe4ff', '#7d57c7'), bdId: '880026', @@ -112,8 +122,9 @@ bd: [ { id: 'bd-inv-01', - status: 'Pending', + status: 'Success', profile: { + userId: '3200901', id: '3200901', name: 'BD_River', account: '880099', @@ -126,6 +137,7 @@ id: 'agent-inv-01', status: 'Success', profile: { + userId: '3200801', id: '3200801', name: 'Agent_Lina', account: '168801', @@ -137,12 +149,14 @@ searchPool: { bd: [ { + userId: '3200902', id: '3200902', name: 'BD_Kai', account: '880102', avatar: avatarData('K', '#dbc8ff', '#7d57c7'), }, { + userId: '3200903', id: '3200903', name: 'BD_Ayla', account: '880103', @@ -151,12 +165,14 @@ ], agent: [ { + userId: '3200802', id: '3200802', name: 'Agent_Omar', account: '168802', avatar: avatarData('O', '#dbc8ff', '#7d57c7'), }, { + userId: '3200803', id: '3200803', name: 'Agent_Sara', account: '168803', @@ -166,6 +182,16 @@ }, }; + var data = { + profile: mock.profile, + balance: mock.balance, + overview: mock.overview, + bdList: mock.bdList, + agencyList: mock.agencyList, + history: mock.history, + inviteRecords: mock.inviteRecords, + }; + function $(id) { return document.getElementById(id); } @@ -238,6 +264,29 @@ .toUpperCase(); } + function displayName(user, fallback) { + return ( + (user && (user.username || user.name || user.display_user_id)) || + fallback || + '-' + ); + } + + function displayID(user) { + return ( + (user && (user.display_user_id || user.displayUserID)) || + (user && (user.user_id || user.userId)) || + '-' + ); + } + + function displayAmount(salary) { + if (!salary) return 0; + if (salary.display_amount !== undefined) return salary.display_amount; + if (salary.displayAmount !== undefined) return salary.displayAmount; + return Number(salary.available_amount || salary.availableAmount || 0) / 100; + } + function toast(message) { if (!message) return; if (window.HyAppToast && window.HyAppToast.show) { @@ -296,22 +345,193 @@ }); } + function applyMockData() { + data.profile = mock.profile; + data.balance = mock.balance; + data.overview = mock.overview; + data.bdList = mock.bdList; + data.agencyList = mock.agencyList; + data.history = mock.history; + data.inviteRecords = mock.inviteRecords; + } + + function applyEmptyData() { + data.profile = { name: '-', uid: '-', avatar: '' }; + data.balance = { available: 0 }; + data.overview = { + totalBD: 0, + totalAgency: 0, + totalHosts: 0, + teamSalary: 0, + teamRecharge: 0, + }; + data.bdList = []; + data.agencyList = []; + data.history = []; + data.inviteRecords = { bd: [], agent: [] }; + } + + function normalizeOverview(payload) { + var overview = payload && payload.overview ? payload.overview : {}; + return { + totalBD: overview.total_bd || overview.totalBD || 0, + totalAgency: overview.total_agency || overview.totalAgency || 0, + totalHosts: overview.total_hosts || overview.totalHosts || 0, + teamSalary: overview.team_salary || overview.teamSalary || 0, + teamRecharge: overview.team_recharge || overview.teamRecharge || 0, + }; + } + + function normalizeBDItem(item) { + var name = displayName(item, 'BD ' + displayID(item)); + return { + id: displayID(item), + userId: item.user_id || item.userId || '', + name: name, + avatar: item.avatar || '', + agencies: item.agency_count || item.agencies || 0, + hosts: item.host_count || item.hosts || 0, + salary: item.salary === undefined ? null : item.salary, + recharge: item.recharge === undefined ? null : item.recharge, + sideValue: + count(item.agency_count || item.agencies || 0) + + ' ' + + t('superadmin_center.agencies', 'Agencies'), + sideSub: '', + }; + } + + function normalizeAgencyItem(item) { + var agency = (item && item.agency) || item || {}; + var owner = (item && item.owner) || {}; + var parentBD = (item && item.parent_bd) || {}; + var parentBDID = + parentBD.display_user_id || + parentBD.displayUserID || + parentBD.user_id || + parentBD.userId || + agency.parent_bd_user_id || + agency.parentBdUserId || + ''; + var name = + agency.name || + displayName(owner, 'Agency ' + (agency.agency_id || agency.id || '-')); + return { + id: agency.agency_id || agency.id || '-', + userId: owner.user_id || owner.userId || agency.owner_user_id || '', + name: name, + avatar: owner.avatar || '', + bdId: parentBDID || '-', + hosts: item.host_count || agency.active_host_count || 0, + salary: item.salary === undefined ? null : item.salary, + recharge: item.recharge === undefined ? null : item.recharge, + sideValue: + count(item.host_count || agency.active_host_count || 0) + + ' ' + + t('superadmin_center.hosts', 'Hosts'), + sideSub: parentBDID ? 'BD: ' + parentBDID : '', + }; + } + + function normalizeInviteProfile(payload) { + var user = payload && (payload.user || payload.profile || payload); + if (!user || !(user.user_id || user.userId)) return null; + var id = displayID(user); + return { + userId: user.user_id || user.userId, + id: user.user_id || user.userId, + name: displayName(user, 'User ' + id), + account: id, + avatar: user.avatar || '', + }; + } + + function commandID(prefix, targetUserID) { + return [ + prefix, + targetUserID, + Date.now(), + Math.random().toString(16).slice(2), + ].join('-'); + } + + function api() { + return window.HyAppAPI || {}; + } + + function loadRealData() { + var centerAPI = api().superadminCenter; + if (!centerAPI) { + toast('API module is not ready.'); + return Promise.reject(new Error('api_not_ready')); + } + return Promise.all([ + centerAPI.overview(), + centerAPI.bds(50), + centerAPI.agencies(50), + ]) + .then(function (results) { + var overviewPayload = results[0] || {}; + var bdPayload = results[1] || {}; + var agencyPayload = results[2] || {}; + var profile = overviewPayload.profile || {}; + var overview = normalizeOverview(overviewPayload); + var agencies = (agencyPayload.items || []).map( + normalizeAgencyItem + ); + var bds = (bdPayload.items || []).map(normalizeBDItem); + if (!overview.totalHosts) { + overview.totalHosts = agencies.reduce(function (sum, item) { + return sum + Number(item.hosts || 0); + }, 0); + } + overview.teamSalary = displayAmount(overviewPayload.salary); + data.profile = { + name: displayName(profile, 'Super Admin'), + uid: displayID(profile), + avatar: profile.avatar || '', + }; + data.balance = { + available: displayAmount(overviewPayload.salary), + }; + data.overview = overview; + data.bdList = bds; + data.agencyList = agencies; + data.history = [ + { + month: new Date().toISOString().slice(0, 7), + status: 'In progress', + bdCount: overview.totalBD, + agencyCount: overview.totalAgency, + totalSalary: overview.teamSalary, + totalRecharge: overview.teamRecharge, + }, + ]; + data.inviteRecords = { bd: [], agent: [] }; + render(); + }) + .catch(function (error) { + toast(error.message || 'Load failed.'); + throw error; + }); + } + function renderProfile() { - $('profileName').textContent = mock.profile.name; + $('profileName').textContent = data.profile.name; $('profileUID').textContent = t( 'superadmin_center.uid_prefix', 'UID: {id}' - ).replace('{id}', mock.profile.uid); + ).replace('{id}', data.profile.uid); setImage( $('profileAvatar'), $('profileAvatarFallback'), - mock.profile.avatar, - mock.profile.name + data.profile.avatar, + data.profile.name ); } function renderBalance() { - $('availableBalance').textContent = money(mock.balance.available); + $('availableBalance').textContent = money(data.balance.available); } function summaryCell(label, value) { @@ -326,38 +546,38 @@ } function activeItems() { - return state.activeTab === 'agency' ? mock.agencyList : mock.bdList; + return state.activeTab === 'agency' ? data.agencyList : data.bdList; } function renderTeamSummary() { + $('teamSummary').classList.toggle( + 'is-two', + state.activeTab !== 'agency' + ); var cells = state.activeTab === 'agency' ? [ summaryCell( t('superadmin_center.agency_number', 'Agency number'), - count(mock.overview.totalAgency) + count(data.overview.totalAgency) ), summaryCell( t('superadmin_center.hosts', 'Hosts'), - count(mock.overview.totalHosts) + count(data.overview.totalHosts) ), summaryCell( t('superadmin_center.team_salary', 'Team salary'), - '$' + compactMoney(mock.overview.teamSalary) + '$' + compactMoney(data.overview.teamSalary) ), ] : [ summaryCell( t('superadmin_center.bd_number', 'BD number'), - count(mock.overview.totalBD) + count(data.overview.totalBD) ), summaryCell( t('superadmin_center.agencies', 'Agencies'), - count(mock.overview.totalAgency) - ), - summaryCell( - t('superadmin_center.team_recharge', 'Team recharge'), - '$' + compactMoney(mock.overview.teamRecharge) + count(data.overview.totalAgency) ), ]; replaceChildren($('teamSummary'), cells); @@ -371,6 +591,21 @@ var side = document.createElement('div'); var salary = document.createElement('strong'); var sub = document.createElement('span'); + var sideValue = + item.sideValue || + (item.salary === null || item.salary === undefined + ? '' + : '$' + money(item.salary)); + var subText = + item.sideSub !== undefined + ? item.sideSub + : state.activeTab === 'agency' + ? count(item.hosts) + + ' ' + + t('superadmin_center.hosts', 'Hosts') + : count(item.agencies) + + ' ' + + t('superadmin_center.agencies', 'Agencies'); row.className = 'member-row'; main.className = 'member-main'; @@ -383,20 +618,13 @@ state.activeTab === 'agency' ? 'ID: ' + item.id + ' · BD: ' + item.bdId : 'ID: ' + item.id; - salary.textContent = '$' + money(item.salary); - sub.textContent = - state.activeTab === 'agency' - ? count(item.hosts) + - ' ' + - t('superadmin_center.hosts', 'Hosts') - : count(item.agencies) + - ' ' + - t('superadmin_center.agencies', 'Agencies'); + salary.textContent = sideValue || subText; + sub.textContent = sideValue ? subText : ''; main.appendChild(name); main.appendChild(meta); side.appendChild(salary); - side.appendChild(sub); + if (sub.textContent) side.appendChild(sub); row.appendChild(makeAvatar(item)); row.appendChild(main); row.appendChild(side); @@ -425,19 +653,20 @@ } function renderHistory() { + var previous = data.history[1] || { totalSalary: 0 }; replaceChildren($('historySummary'), [ summaryCell( t('superadmin_center.total_income', 'Total income'), - '$' + money(mock.overview.teamSalary) + '$' + money(data.overview.teamSalary) ), summaryCell( t('superadmin_center.previous_income', 'Previous income'), - '$' + money(mock.history[1].totalSalary) + '$' + money(previous.totalSalary) ), ]); replaceChildren( $('historyList'), - mock.history.map(function (item) { + data.history.map(function (item) { var row = document.createElement('article'); var title = document.createElement('div'); var status = document.createElement('span'); @@ -476,19 +705,27 @@ function renderDetails() { var item = state.selectedDetails; + var summaryRows; if (!item) return; $('detailsTitle').textContent = item.name; - replaceChildren($('detailsSummary'), [ - summaryCell('ID', item.id), - summaryCell( - t('superadmin_center.team_salary', 'Team salary'), - '$' + money(item.salary) - ), - summaryCell( - t('superadmin_center.team_recharge', 'Team recharge'), - '$' + money(item.recharge) - ), - ]); + summaryRows = [summaryCell('ID', item.id)]; + if (item.salary !== null && item.salary !== undefined) { + summaryRows.push( + summaryCell( + t('superadmin_center.team_salary', 'Team salary'), + '$' + money(item.salary) + ) + ); + } + if (item.recharge !== null && item.recharge !== undefined) { + summaryRows.push( + summaryCell( + t('superadmin_center.team_recharge', 'Team recharge'), + '$' + money(item.recharge) + ) + ); + } + replaceChildren($('detailsSummary'), summaryRows); replaceChildren($('detailsList'), [ createReadonlyLine( state.activeTab === 'agency' @@ -518,7 +755,8 @@ } function inviteRecords() { - if (!state.inviteQuery) return mock.inviteRecords[state.inviteMode]; + if (!state.inviteQuery) return data.inviteRecords[state.inviteMode] || []; + if (!state.isMock) return state.inviteSearchResults; var keyword = state.inviteQuery.toLowerCase(); return mock.searchPool[state.inviteMode].filter(function (item) { return ( @@ -532,14 +770,14 @@ function renderInvite() { $('inviteModalTitle').textContent = inviteTitle(); var status = $('inviteStatus'); + var records = inviteRecords(); status.hidden = !state.inviteStatus; status.textContent = state.inviteStatus; status.className = 'invite-status' + (state.inviteStatusType ? ' ' + state.inviteStatusType : ''); - var records = inviteRecords(); - $('inviteEmpty').hidden = records.length > 0; + $('inviteEmpty').hidden = records.length > 0 || !!state.inviteStatus; replaceChildren( $('inviteList'), records.map(function (record) { @@ -549,6 +787,7 @@ var name = document.createElement('div'); var meta = document.createElement('div'); var action = document.createElement('button'); + var submitting = !!state.inviteSubmitting[profile.userId]; card.className = 'invite-card'; main.className = 'invite-main'; name.className = 'invite-name'; @@ -558,15 +797,13 @@ name.textContent = profile.name; meta.textContent = 'ID: ' + profile.account; action.textContent = - record.status || t('superadmin_center.invite', 'Invite'); - action.disabled = !!record.status; + record.status || + (submitting + ? t('superadmin_center.in_progress', 'In progress') + : t('superadmin_center.invite', 'Invite')); + action.disabled = !!record.status || submitting; action.addEventListener('click', function () { - state.inviteStatus = t( - 'superadmin_center.invite_success', - 'Invitation submitted.' - ); - state.inviteStatusType = 'success'; - renderInvite(); + submitInvite(record, profile); }); main.appendChild(name); main.appendChild(meta); @@ -578,6 +815,96 @@ ); } + function searchInviteProfile(queryValue) { + if (state.isMock) { + renderInvite(); + return; + } + if (!api().user || !api().user.resolveDisplayUserID) { + state.inviteStatus = 'API module is not ready.'; + state.inviteStatusType = 'warning'; + renderInvite(); + return; + } + state.inviteSearchResults = []; + state.inviteStatus = t('superadmin_center.in_progress', 'In progress'); + state.inviteStatusType = ''; + renderInvite(); + api() + .user.resolveDisplayUserID(queryValue) + .then(function (payload) { + var profile = normalizeInviteProfile(payload); + state.inviteStatus = ''; + state.inviteStatusType = ''; + state.inviteSearchResults = profile ? [profile] : []; + renderInvite(); + }) + .catch(function (error) { + state.inviteSearchResults = []; + state.inviteStatus = + error.message || + t('superadmin_center.no_users_found', 'No users found'); + state.inviteStatusType = 'warning'; + renderInvite(); + }); + } + + function submitInvite(record, profile) { + var targetUserID = String(profile.userId || profile.id || ''); + var centerAPI = api().superadminCenter; + if (!targetUserID) return; + if (state.isMock) { + record.status = 'Success'; + state.inviteStatus = t( + 'superadmin_center.invite_success', + 'Invitation submitted.' + ); + state.inviteStatusType = 'success'; + renderInvite(); + return; + } + if (!centerAPI) { + state.inviteStatus = 'API module is not ready.'; + state.inviteStatusType = 'warning'; + renderInvite(); + return; + } + state.inviteSubmitting[targetUserID] = true; + renderInvite(); + var payload = { + command_id: commandID(state.inviteMode, targetUserID), + target_user_id: targetUserID, + }; + var request = + state.inviteMode === 'agent' + ? centerAPI.inviteAgency( + Object.assign({}, payload, { + agency_name: profile.name, + }) + ) + : centerAPI.inviteBD(payload); + request + .then(function () { + record.status = 'Success'; + state.inviteStatus = t( + 'superadmin_center.invite_success', + 'Invitation submitted.' + ); + state.inviteStatusType = 'success'; + loadRealData().catch(function () {}); + renderInvite(); + }) + .catch(function (error) { + state.inviteStatus = error.message || 'Invite failed.'; + state.inviteStatusType = 'warning'; + renderInvite(); + }) + .finally(function () { + delete state.inviteSubmitting[targetUserID]; + renderInvite(); + }); + } + function openModal(id) { var modal = $(id); if (!modal) return; @@ -631,6 +958,7 @@ state.inviteQuery = ''; state.inviteStatus = ''; state.inviteStatusType = ''; + state.inviteSearchResults = []; $('inviteSearchInput').value = ''; renderInvite(); openModal('inviteModal'); @@ -657,7 +985,12 @@ ? '' : t('superadmin_center.enter_user_id', 'Enter User ID'); state.inviteStatusType = state.inviteQuery ? '' : 'warning'; - renderInvite(); + state.inviteSearchResults = []; + if (state.inviteQuery) { + searchInviteProfile(state.inviteQuery); + } else { + renderInvite(); + } }); document.addEventListener('keydown', function (event) { if (event.key !== 'Escape') return; @@ -674,10 +1007,21 @@ } function init() { + if (state.isMock) { + applyMockData(); + } else { + applyEmptyData(); + } render(); bindEvents(); + if (!state.isMock) { + loadRealData().catch(function () {}); + } if (window.HyAppBridge) { - window.HyAppBridge.ready({ page: 'superadmin-center', mock: true }); + window.HyAppBridge.ready({ + page: 'superadmin-center', + mock: state.isMock, + }); } } diff --git a/gonghui/superadmin-center/style.css b/gonghui/superadmin-center/style.css index ee385e4..00ff3ed 100644 --- a/gonghui/superadmin-center/style.css +++ b/gonghui/superadmin-center/style.css @@ -159,6 +159,10 @@ gap: 8px; } +.team-summary.is-two { + grid-template-columns: repeat(2, minmax(0, 1fr)); +} + .history-summary.compact { grid-template-columns: repeat(3, minmax(0, 1fr)); } diff --git a/gonghui/withdraw-exchange/index.html b/gonghui/withdraw-exchange/index.html index 31f7643..d3d295e 100644 --- a/gonghui/withdraw-exchange/index.html +++ b/gonghui/withdraw-exchange/index.html @@ -224,6 +224,16 @@ /> +
@@ -374,6 +384,8 @@ - + + + diff --git a/gonghui/withdraw-exchange/script.js b/gonghui/withdraw-exchange/script.js index e1866a2..867d499 100644 --- a/gonghui/withdraw-exchange/script.js +++ b/gonghui/withdraw-exchange/script.js @@ -2,7 +2,12 @@ var EXCHANGE_RATE = 80000; var WITHDRAW_MIN_AMOUNT = 50; var params = new URLSearchParams(window.location.search); + var isMock = params.get('mock') === '1'; var currentMode = normalizeMode(params.get('mode')) || 'transfer'; + var identity = String(params.get('identity') || '').trim(); + var salaryAssetType = String( + params.get('salaryType') || params.get('asset_type') || '' + ).trim(); var state = { balance: 0, paymentInfo: null, @@ -11,12 +16,20 @@ isSaving: false, isSubmitting: false, historyItems: [], + transferRateTiers: [], }; var lastSearchTriggerAt = 0; var autoSearchTimer = 0; + var mockBalances = { + HOST_SALARY_USD: 30650.75, + AGENCY_SALARY_USD: 30650.75, + BD_SALARY_USD: 48620.8, + ADMIN_SALARY_USD: 168250.5, + }; + var mock = { - balance: 30650.75, + balance: mockBalances[salaryAssetType] || 30650.75, paymentInfo: null, payees: { 163003: { @@ -34,10 +47,10 @@ }, history: [ { - key: 'withdraw_exchange.history_host_salary', - title: 'Host salary', + key: historyTitleKey(), + title: historyTitle(), amount: 18400.25, - balance: 30650.75, + balance: mockBalances[salaryAssetType] || 30650.75, type: 0, date: '2026-06-01 12:10', }, @@ -91,6 +104,26 @@ : ''; } + function normalizeIdentity(value) { + value = String(value || '').trim().toUpperCase().replace(/-/g, '_'); + if (['HOST', 'AGENCY', 'BD', 'BD_LEADER'].indexOf(value) >= 0) + return value; + if (salaryAssetType === 'AGENCY_SALARY_USD') return 'AGENCY'; + if (salaryAssetType === 'BD_SALARY_USD') return 'BD'; + if (salaryAssetType === 'ADMIN_SALARY_USD') return 'BD_LEADER'; + return 'HOST'; + } + + function api() { + return window.HyApp && window.HyApp.api + ? window.HyApp.api.salaryWallet + : null; + } + + function commandId(prefix) { + return prefix + '-' + Date.now() + '-' + Math.random().toString(16).slice(2); + } + function money(value) { var number = Number(value || 0); return number.toLocaleString('en-US', { @@ -109,6 +142,31 @@ return Number(input && input.value ? input.value : 0) || 0; } + function amountText(value) { + return moneyInput(value); + } + + function usdMinorToNumber(value) { + return Number(value || 0) / 100; + } + + function findTransferRate(value) { + var minor = Math.round(Number(value || 0) * 100); + return (state.transferRateTiers || []).find(function (tier) { + return ( + String(tier.status || 'active') === 'active' && + minor >= Number(tier.min_usd_minor || 0) && + minor <= Number(tier.max_usd_minor || 0) + ); + }); + } + + function estimatedTransferCoins(value) { + var rate = findTransferRate(value); + if (!rate) return 0; + return Math.round(Number(value || 0) * Number(rate.coin_per_usd || 0)); + } + function delay(value) { return new Promise(function (resolve) { window.setTimeout(function () { @@ -164,6 +222,23 @@ return t('withdraw_exchange.transfer', 'Transfer'); } + function historyTitleKey() { + if (salaryAssetType === 'BD_SALARY_USD') + return 'withdraw_exchange.history_bd_salary'; + if (salaryAssetType === 'ADMIN_SALARY_USD') + return 'withdraw_exchange.history_admin_salary'; + if (salaryAssetType === 'AGENCY_SALARY_USD') + return 'withdraw_exchange.history_agency_salary'; + return 'withdraw_exchange.history_host_salary'; + } + + function historyTitle() { + if (salaryAssetType === 'BD_SALARY_USD') return 'BD salary'; + if (salaryAssetType === 'ADMIN_SALARY_USD') return 'Admin salary'; + if (salaryAssetType === 'AGENCY_SALARY_USD') return 'Agency salary'; + return 'Host salary'; + } + function isValidTrc20(value) { return /^T[1-9A-HJ-NP-Za-km-z]{33}$/.test(String(value || '').trim()); } @@ -239,9 +314,16 @@ copy.className = 'payee-copy'; name.className = 'payee-name'; id.className = 'payee-id'; - avatar.textContent = String(payeeName || 'U') - .charAt(0) - .toUpperCase(); + if (payee.avatar) { + var avatarImage = document.createElement('img'); + avatarImage.src = payee.avatar; + avatarImage.alt = ''; + avatar.appendChild(avatarImage); + } else { + avatar.textContent = String(payeeName || 'U') + .charAt(0) + .toUpperCase(); + } name.textContent = payeeName || '-'; id.textContent = t('withdraw_exchange.uid_prefix', 'UID:') + ' ' + payee.account; @@ -253,6 +335,17 @@ updateSubmit(); } + function renderTransferPreview() { + var preview = $('transferPreview'); + if (!preview) return; + var value = inputs.transfer ? Number(inputs.transfer.value || 0) : 0; + var coins = estimatedTransferCoins(value); + preview.hidden = !(currentMode === 'transfer' && value > 0 && coins > 0); + if (!preview.hidden) { + $('transferPreviewText').textContent = coins.toLocaleString('en-US'); + } + } + function renderHistory() { $('salaryHistoryTotal').textContent = '$' + money(state.balance); var list = $('salaryHistoryList'); @@ -309,14 +402,18 @@ } var value = amount(); + var transferRateMissing = + currentMode === 'transfer' && value > 0 && !findTransferRate(value); var disabled = value <= 0 || value > state.balance || (currentMode === 'withdraw' && (!state.paymentInfo || value < WITHDRAW_MIN_AMOUNT)) || - (currentMode === 'transfer' && !state.selectedPayee); + (currentMode === 'transfer' && + (!state.selectedPayee || transferRateMissing)); button.textContent = activeSubmitLabel(); button.disabled = disabled; + renderTransferPreview(); } function normalizeAmount(event) { @@ -344,7 +441,10 @@ 'withdraw_exchange.loading', 'Loading...' ); - mockRequest('history').then(function (items) { + var historyRequest = isMock + ? mockRequest('history') + : Promise.resolve([]); + historyRequest.then(function (items) { state.historyItems = items || []; renderHistory(); }); @@ -404,26 +504,52 @@ } state.selectedPayee = null; renderPayee(); + if (!isMock && !api()) { + toast(t('withdraw_exchange.search_failed', 'Search failed. Try again later.')); + return; + } state.isSearching = true; $('searchPayeeButton').disabled = true; $('searchPayeeButton').textContent = t( 'withdraw_exchange.searching', 'Searching...' ); - mockRequest('searchPayee', { account: account }).then(function (payee) { - state.isSearching = false; - $('searchPayeeButton').disabled = false; - $('searchPayeeButton').textContent = t( - 'withdraw_exchange.search', - 'Search' - ); - if (!payee) { - toast(t('withdraw_exchange.payee_not_found', 'User not found')); - return; - } - state.selectedPayee = payee; - renderPayee(); - }); + var request = isMock + ? mockRequest('searchPayee', { account: account }) + : api().searchCoinSeller(account, identity).then(function (data) { + var seller = data && data.seller; + if (!seller) return null; + return { + id: seller.user_id || seller.userId, + name: seller.username || seller.display_user_id || account, + account: seller.display_user_id || account, + avatar: seller.avatar || '', + }; + }); + request + .then(function (payee) { + state.isSearching = false; + $('searchPayeeButton').disabled = false; + $('searchPayeeButton').textContent = t( + 'withdraw_exchange.search', + 'Search' + ); + if (!payee) { + toast(t('withdraw_exchange.payee_not_found', 'User not found')); + return; + } + state.selectedPayee = payee; + renderPayee(); + }) + .catch(function (err) { + state.isSearching = false; + $('searchPayeeButton').disabled = false; + $('searchPayeeButton').textContent = t( + 'withdraw_exchange.search', + 'Search' + ); + toast(err && err.message ? err.message : t('withdraw_exchange.payee_not_found', 'User not found')); + }); } function validateSubmit() { @@ -453,6 +579,11 @@ 'withdraw_exchange.missing_payee', 'Please search and select a user' ); + if (currentMode === 'transfer' && !findTransferRate(value)) + return t( + 'withdraw_exchange.rate_not_configured', + 'Exchange rate not configured.' + ); return ''; } @@ -462,32 +593,82 @@ toast(error); return; } + if (!isMock && currentMode === 'withdraw') { + toast( + t( + 'withdraw_exchange.withdraw_not_available', + 'Withdraw is not available yet.' + ) + ); + return; + } state.isSubmitting = true; updateSubmit(); - mockRequest('submit', { - mode: currentMode, - amount: amount(), - payee: state.selectedPayee, - paymentInfo: state.paymentInfo, - }).then(function () { - var input = inputs[currentMode]; - if (input) input.value = ''; - if (currentMode === 'transfer') { - state.selectedPayee = null; - $('transferAccount').value = ''; - renderPayee(); - } - state.balance = mock.balance; - state.isSubmitting = false; - renderBalance(); - updateSubmit(); - var key = - currentMode === 'withdraw' - ? 'withdraw_exchange.withdraw_success' - : currentMode === 'exchange' - ? 'withdraw_exchange.exchange_success' - : 'withdraw_exchange.transfer_success'; - toast(t(key, 'Submitted')); + submitRequest() + .then(function (result) { + var input = inputs[currentMode]; + if (input) input.value = ''; + if (currentMode === 'transfer') { + state.selectedPayee = null; + $('transferAccount').value = ''; + renderPayee(); + } + if (isMock) { + state.balance = mock.balance; + } else if (currentMode === 'exchange') { + state.balance = usdMinorToNumber(result.salary_balance_after); + } else if (currentMode === 'transfer') { + state.balance = usdMinorToNumber( + result.source_salary_balance_after + ); + } + state.isSubmitting = false; + renderBalance(); + updateSubmit(); + var key = + currentMode === 'withdraw' + ? 'withdraw_exchange.withdraw_success' + : currentMode === 'exchange' + ? 'withdraw_exchange.exchange_success' + : 'withdraw_exchange.transfer_success'; + toast(t(key, 'Submitted')); + }) + .catch(function (err) { + state.isSubmitting = false; + updateSubmit(); + toast(err && err.message ? err.message : t('withdraw_exchange.submit_failed', 'Submit failed.')); + }); + } + + function submitRequest() { + var value = amount(); + if (isMock) { + return mockRequest('submit', { + mode: currentMode, + amount: value, + payee: state.selectedPayee, + paymentInfo: state.paymentInfo, + }); + } + if (!api()) { + return Promise.reject( + new Error(t('withdraw_exchange.submit_failed', 'Submit failed.')) + ); + } + if (currentMode === 'exchange') { + return api().exchange({ + command_id: commandId('salary-exchange'), + identity: identity, + amount_usd: amountText(value), + reason: 'salary exchange', + }); + } + return api().transferToCoinSeller({ + command_id: commandId('salary-transfer'), + identity: identity, + target_display_user_id: state.selectedPayee.account, + amount_usd: amountText(value), + reason: 'salary transfer', }); } @@ -499,8 +680,11 @@ var nextParams = new URLSearchParams(window.location.search); nextParams.delete('mode'); var query = nextParams.toString(); - window.location.href = - '../host-center/index.html' + (query ? '?' + query : ''); + var centerPath = '../host-center/index.html'; + if (identity === 'BD') centerPath = '../bd-center/index.html'; + if (identity === 'BD_LEADER') centerPath = '../bd-leader/index.html'; + if (identity === 'AGENCY') centerPath = '../agency-center/index.html'; + window.location.href = centerPath + (query ? '?' + query : ''); } function bindEvents() { @@ -564,26 +748,78 @@ } function init() { + identity = normalizeIdentity(identity); bindEvents(); setMode(currentMode); renderStaticDynamicText(); - mockRequest('balance').then(function (balance) { - state.balance = balance; - renderBalance(); - updateSubmit(); - }); - mockRequest('payment').then(function (payment) { - state.paymentInfo = payment; - renderPaymentInfo(); - }); + loadOverview(); + loadPaymentInfo(); if (window.HyAppBridge) { window.HyAppBridge.ready({ page: 'withdraw-exchange', - mock: true, + mock: isMock, }); } } + function loadOverview() { + if (isMock) { + mockRequest('balance').then(function (balance) { + state.balance = balance; + state.transferRateTiers = [ + { + min_usd_minor: 100, + max_usd_minor: 1000, + coin_per_usd: 90000, + status: 'active', + }, + { + min_usd_minor: 1100, + max_usd_minor: 5000, + coin_per_usd: 92000, + status: 'active', + }, + ]; + renderBalance(); + updateSubmit(); + }); + return; + } + if (!api()) { + toast(t('withdraw_exchange.load_failed', 'Load failed. Try again later.')); + return; + } + api() + .overview(identity) + .then(function (data) { + identity = normalizeIdentity(data.identity || identity); + salaryAssetType = data.salary_asset_type || salaryAssetType; + EXCHANGE_RATE = Number(data.exchange_rate || EXCHANGE_RATE); + state.balance = usdMinorToNumber( + data.salary && data.salary.available_amount + ); + state.transferRateTiers = data.transfer_rate_tiers || []; + renderStaticDynamicText(); + renderBalance(); + updateSubmit(); + }) + .catch(function (err) { + toast(err && err.message ? err.message : t('withdraw_exchange.load_failed', 'Load failed. Try again later.')); + }); + } + + function loadPaymentInfo() { + if (isMock) { + mockRequest('payment').then(function (payment) { + state.paymentInfo = payment; + renderPaymentInfo(); + }); + return; + } + state.paymentInfo = null; + renderPaymentInfo(); + } + document.addEventListener('DOMContentLoaded', init); window.addEventListener('hyapp:i18n-ready', renderStaticDynamicText); })(); diff --git a/gonghui/withdraw-exchange/style.css b/gonghui/withdraw-exchange/style.css index 6cb6b6d..9c589a9 100644 --- a/gonghui/withdraw-exchange/style.css +++ b/gonghui/withdraw-exchange/style.css @@ -379,7 +379,7 @@ input { .transfer-search { display: grid; - grid-template-columns: minmax(0, 1fr) auto; + grid-template-columns: minmax(0, 1fr) minmax(82px, 108px); gap: 10px; align-items: center; } @@ -392,7 +392,7 @@ input { } .search-payee-button { - min-width: 82px; + min-width: 0; min-height: 52px; padding: 0 14px; border-radius: 8px; @@ -402,6 +402,10 @@ input { font-weight: 950; } +.transfer-preview { + margin-top: 12px; +} + .search-payee-button:disabled { background: var(--button-disabled); color: var(--button-disabled-text);