0;
+ empty.textContent = t('bd_center.no_messages', 'No messages');
+ state.messages.forEach(function (message) {
+ var card = 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 agree = document.createElement('button');
+ var refuse = document.createElement('button');
+ card.className = 'message-card';
+ avatar.className = 'message-avatar';
+ main.className = 'message-main';
+ title.className = 'message-title';
+ meta.className = 'message-meta';
+ side.className = 'message-actions';
+ agree.className = 'message-action agree';
+ refuse.className = 'message-action refuse';
+ agree.type = 'button';
+ refuse.type = 'button';
+ agree.disabled = Boolean(state.processingMessages[message.id]);
+ refuse.disabled = Boolean(state.processingMessages[message.id]);
+ renderImageAvatar(avatar, message.avatar, message.name, 'message-fallback');
+ title.textContent = message.title;
+ meta.textContent = message.account ? 'ID: ' + message.account : '';
+ agree.textContent = t('bd_center.agree', 'Agree');
+ refuse.textContent = t('bd_center.refuse', 'Refuse');
+ agree.addEventListener('click', function () {
+ processInvitationMessage(message, 'accept');
+ });
+ refuse.addEventListener('click', function () {
+ processInvitationMessage(message, 'reject');
+ });
+ main.appendChild(title);
+ main.appendChild(meta);
+ side.appendChild(agree);
+ side.appendChild(refuse);
+ card.appendChild(avatar);
+ card.appendChild(main);
+ card.appendChild(side);
+ list.appendChild(card);
+ });
+ renderUnread();
+ }
+
function openInviteModal() {
state.inviteQuery = '';
state.inviteMode = 'records';
@@ -724,7 +839,10 @@
});
state.inviteMode = 'records';
state.searched = [];
- state.inviteStatus = t('bd_center.agency_added', 'Agency added.');
+ state.inviteStatus = t(
+ 'bd_center.invitation_submitted',
+ 'Invitation submitted'
+ );
state.inviteStatusType = 'success';
loadRealData().catch(function () {});
renderInviteModal();
@@ -752,6 +870,97 @@
'../withdraw-exchange/index.html?' + params.toString();
}
+ function loadRoleInvitations() {
+ if (
+ !api().roleInvitations ||
+ !api().roleInvitations.list
+ ) {
+ state.messages = [];
+ renderMessages();
+ return Promise.resolve(false);
+ }
+ return api()
+ .roleInvitations.list('pending', 50)
+ .then(function (payload) {
+ var items =
+ (payload && (payload.items || payload.invitations)) || [];
+ state.messages = items
+ .map(normalizeInvitationMessage)
+ .filter(function (item) {
+ return !!item.id;
+ });
+ renderMessages();
+ return true;
+ })
+ .catch(function () {
+ state.messages = [];
+ renderMessages();
+ return false;
+ });
+ }
+
+ function processInvitationMessage(message, action) {
+ if (
+ !message ||
+ !message.id ||
+ !api().roleInvitations ||
+ !api().roleInvitations.process
+ ) {
+ return;
+ }
+ state.processingMessages[message.id] = true;
+ renderMessages();
+ api()
+ .roleInvitations.process(message.id, {
+ command_id: commandID('role-invite-' + action, message.id),
+ action: action,
+ reason: 'h5_message_center',
+ })
+ .then(function () {
+ state.messages = state.messages.filter(function (item) {
+ return item.id !== message.id;
+ });
+ toast(
+ t(
+ action === 'accept'
+ ? 'bd_center.invitation_accepted'
+ : 'bd_center.invitation_rejected',
+ action === 'accept'
+ ? 'Invitation accepted.'
+ : 'Invitation rejected.'
+ )
+ );
+ renderMessages();
+ return loadRealData();
+ })
+ .catch(function (error) {
+ toast(
+ (error && error.message) ||
+ t(
+ 'bd_center.process_failed',
+ 'Process failed. Try again later.'
+ )
+ );
+ })
+ .finally(function () {
+ delete state.processingMessages[message.id];
+ renderMessages();
+ });
+ }
+
+ function openMessages() {
+ $('messageModal').hidden = false;
+ $('messageModal').setAttribute('aria-hidden', 'false');
+ document.body.classList.add('modal-open');
+ renderMessages();
+ }
+
+ function closeMessages() {
+ $('messageModal').hidden = true;
+ $('messageModal').setAttribute('aria-hidden', 'true');
+ document.body.classList.remove('modal-open');
+ }
+
function setLoading(loading) {
state.loading = Boolean(loading);
render();
@@ -805,6 +1014,9 @@
'click',
navigateToWithdrawExchange
);
+ $('messageButton').addEventListener('click', openMessages);
+ $('messageBackdrop').addEventListener('click', closeMessages);
+ $('messageCloseButton').addEventListener('click', closeMessages);
$('inviteAgentButton').addEventListener('click', openInviteModal);
$('inviteBackdrop').addEventListener('click', closeInviteModal);
$('inviteCloseButton').addEventListener('click', closeInviteModal);
@@ -834,6 +1046,7 @@
renderBalance();
renderTeamList();
renderInviteModal();
+ renderMessages();
}
document.addEventListener('DOMContentLoaded', function () {
@@ -844,7 +1057,7 @@
(error && error.message) ||
t('bd_center.load_failed', 'Load failed. Try again later.')
);
- });
+ }).finally(loadRoleInvitations);
if (window.HyAppBridge) {
window.HyAppBridge.ready({
page: 'bd-center',
@@ -855,4 +1068,8 @@
window.addEventListener('hyapp:i18n-ready', function () {
render();
});
+
+ window.addEventListener('hyapp:role-invitation-processed', function () {
+ loadRealData().catch(function () {});
+ });
})();
diff --git a/gonghui/common/center.css b/gonghui/common/center.css
index 0a63148..f5826d9 100644
--- a/gonghui/common/center.css
+++ b/gonghui/common/center.css
@@ -404,6 +404,7 @@ input:focus-visible {
}
.menu-row {
+ position: relative;
display: grid;
grid-template-columns: 38px minmax(0, 1fr) 24px;
gap: 12px;
@@ -413,6 +414,17 @@ input:focus-visible {
text-align: left;
}
+.menu-row .message-unread-dot {
+ position: absolute;
+ top: 20px;
+ right: 24px;
+ width: 9px;
+ height: 9px;
+ border: 2px solid #fff;
+ border-radius: 50%;
+ background: #ff3b30;
+}
+
.menu-row:last-child {
border-bottom: 0;
}
@@ -467,6 +479,24 @@ input:focus-visible {
text-align: right;
}
+.message-unread-dot {
+ position: absolute;
+ top: 7px;
+ right: 7px;
+ width: 9px;
+ height: 9px;
+ border: 2px solid #fff;
+ border-radius: 50%;
+ background: #ff3b30;
+}
+
+.menu-row .message-unread-dot {
+ position: relative;
+ top: auto;
+ right: auto;
+ flex: 0 0 9px;
+}
+
.sheet-modal,
.message-modal,
.invite-modal {
@@ -539,6 +569,137 @@ input:focus-visible {
line-height: 1;
}
+.message-dialog {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ width: min(394px, 100%);
+ max-height: 78vh;
+ max-height: 78dvh;
+ overflow: hidden;
+ border-radius: 14px;
+ background: #fff;
+ box-shadow: 0 18px 44px rgba(23, 31, 42, 0.2);
+}
+
+.message-list {
+ display: grid;
+ gap: 10px;
+ min-height: 0;
+ overflow-y: auto;
+ padding: 14px 18px max(18px, env(safe-area-inset-bottom));
+ -webkit-overflow-scrolling: touch;
+}
+
+.sheet-empty {
+ padding: 24px 18px max(24px, env(safe-area-inset-bottom));
+ color: var(--muted);
+ text-align: center;
+ font-size: 14px;
+ font-weight: 850;
+}
+
+.message-card {
+ display: grid;
+ grid-template-columns: minmax(0, 1fr) auto;
+ gap: 10px;
+ align-items: center;
+ padding: 12px;
+ border: 1px solid var(--line);
+ border-radius: 8px;
+ background: #fbfcfc;
+}
+
+.message-user {
+ display: flex;
+ align-items: center;
+ min-width: 0;
+}
+
+.small-avatar,
+.message-avatar {
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 46px;
+ height: 46px;
+ flex: 0 0 46px;
+ overflow: hidden;
+ border-radius: 50%;
+ background: var(--primary);
+ color: var(--primary-deep);
+ font-size: 18px;
+ font-weight: 950;
+}
+
+.small-avatar img,
+.message-avatar img {
+ position: absolute;
+ inset: 0;
+ width: 100%;
+ height: 100%;
+ object-fit: cover;
+}
+
+.message-copy {
+ min-width: 0;
+ margin-left: 12px;
+}
+
+.message-name {
+ overflow: hidden;
+ color: var(--text);
+ font-size: 15px;
+ font-weight: 950;
+ line-height: 1.2;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.message-id {
+ margin-top: 5px;
+ overflow: hidden;
+ color: var(--muted);
+ font-size: 12px;
+ font-weight: 800;
+ line-height: 1.2;
+ text-overflow: ellipsis;
+ white-space: nowrap;
+}
+
+.message-actions {
+ display: flex;
+ gap: 6px;
+}
+
+.message-action {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+ min-width: 54px;
+ min-height: 34px;
+ padding: 0 10px;
+ border-radius: 8px;
+ font-size: 12px;
+ font-weight: 950;
+ white-space: nowrap;
+}
+
+.message-action:disabled {
+ opacity: 0.58;
+}
+
+.message-action.agree {
+ background: var(--button);
+ color: #fff;
+}
+
+.message-action.refuse {
+ background: #f1edf8;
+ color: var(--text);
+}
+
.home-indicator {
position: absolute;
left: 50%;
diff --git a/gonghui/host-center/index.html b/gonghui/host-center/index.html
index d97e871..8cccbac 100644
--- a/gonghui/host-center/index.html
+++ b/gonghui/host-center/index.html
@@ -13,7 +13,10 @@
-
+
+
+
+
+
+
+ Messages
+
+
+
+
+
+
+
+
diff --git a/gonghui/host-center/script.js b/gonghui/host-center/script.js
index 3bdc958..a34fcb9 100644
--- a/gonghui/host-center/script.js
+++ b/gonghui/host-center/script.js
@@ -46,6 +46,8 @@
found: false,
policy: null,
},
+ messages: [],
+ processingMessages: {},
};
}
@@ -208,6 +210,146 @@
}
}
+ function commandID(prefix, id) {
+ return [
+ prefix,
+ id || '0',
+ Date.now(),
+ Math.random().toString(16).slice(2),
+ ].join('-');
+ }
+
+ function normalizeInvitationMessage(item) {
+ var invitation = (item && item.invitation) || item || {};
+ var inviter = (item && item.inviter) || {};
+ var id = String(invitation.invitation_id || invitation.invitationId || '');
+ var type = firstValue(invitation, [
+ 'invitation_type',
+ 'invitationType',
+ ]);
+ var agencyName = firstValue(invitation, [
+ 'agency_name',
+ 'agencyName',
+ ]);
+ var inviterName =
+ firstValue(inviter, ['username', 'name', 'display_user_id']) ||
+ firstValue(invitation, ['inviter_user_id', 'inviterUserId']) ||
+ t('host_center.inviter', 'Inviter');
+ return {
+ id: id,
+ type: type,
+ name: inviterName,
+ account:
+ firstValue(inviter, ['display_user_id', 'displayUserID']) ||
+ firstValue(inviter, ['user_id', 'userId']) ||
+ firstValue(invitation, ['inviter_user_id', 'inviterUserId']),
+ avatar: firstValue(inviter, ['avatar']),
+ title: invitationMessageTitle(type, inviterName, agencyName),
+ };
+ }
+
+ function invitationMessageTitle(type, inviterName, agencyName) {
+ if (type === 'host') {
+ return t(
+ 'host_center.host_invitation',
+ '{name} invited you to join {agency}'
+ )
+ .replace('{name}', inviterName)
+ .replace('{agency}', agencyName || t('host_center.agency', 'Agency'));
+ }
+ if (type === 'agency') {
+ return t(
+ 'host_center.agency_invitation',
+ '{name} invited you to create agency {agency}'
+ )
+ .replace('{name}', inviterName)
+ .replace('{agency}', agencyName || t('host_center.agency', 'Agency'));
+ }
+ if (type === 'bd') {
+ return t(
+ 'host_center.bd_invitation',
+ '{name} invited you to become BD'
+ ).replace('{name}', inviterName);
+ }
+ return t(
+ 'host_center.role_invitation',
+ '{name} sent you an invitation'
+ ).replace('{name}', inviterName);
+ }
+
+ function renderUnread() {
+ var dot = $('messageUnreadDot');
+ if (dot) dot.hidden = state.messages.length <= 0;
+ }
+
+ function createMessageAvatar(message) {
+ var avatar = document.createElement('div');
+ avatar.className = 'message-avatar';
+ if (!message.avatar) {
+ avatar.textContent = initial(message.name || 'M') || 'M';
+ return avatar;
+ }
+ var img = document.createElement('img');
+ img.src = message.avatar;
+ img.alt = '';
+ img.addEventListener('error', function () {
+ avatar.textContent = initial(message.name || 'M') || 'M';
+ });
+ avatar.appendChild(img);
+ return avatar;
+ }
+
+ function renderMessages() {
+ var list = $('messageList');
+ var empty = $('messageEmpty');
+ if (!list || !empty) return;
+ list.textContent = '';
+ empty.hidden = state.messages.length > 0;
+ empty.textContent = t('host_center.no_messages', 'No messages');
+ state.messages.forEach(function (message) {
+ var card = document.createElement('article');
+ var user = document.createElement('div');
+ var copy = document.createElement('div');
+ var title = document.createElement('div');
+ var meta = document.createElement('div');
+ var actions = document.createElement('div');
+ var agree = document.createElement('button');
+ var refuse = document.createElement('button');
+ card.className = 'message-card';
+ user.className = 'message-user';
+ copy.className = 'message-copy';
+ title.className = 'message-name';
+ meta.className = 'message-id';
+ actions.className = 'message-actions';
+ agree.className = 'message-action agree';
+ refuse.className = 'message-action refuse';
+ agree.type = 'button';
+ refuse.type = 'button';
+ agree.disabled = Boolean(state.processingMessages[message.id]);
+ refuse.disabled = Boolean(state.processingMessages[message.id]);
+ title.textContent = message.title;
+ meta.textContent = message.account ? 'ID: ' + message.account : '';
+ agree.textContent = t('host_center.agree', 'Agree');
+ refuse.textContent = t('host_center.refuse', 'Refuse');
+ agree.addEventListener('click', function () {
+ processInvitationMessage(message, 'accept');
+ });
+ refuse.addEventListener('click', function () {
+ processInvitationMessage(message, 'reject');
+ });
+ user.appendChild(createMessageAvatar(message));
+ copy.appendChild(title);
+ copy.appendChild(meta);
+ user.appendChild(copy);
+ actions.appendChild(agree);
+ actions.appendChild(refuse);
+ card.appendChild(user);
+ card.appendChild(actions);
+ list.appendChild(card);
+ });
+ renderUnread();
+ }
+
function policyAmount(minor) {
return '$' + money(toNumber(minor) / 100);
}
@@ -510,6 +652,7 @@
renderIncome();
renderLevel();
renderPolicy();
+ renderMessages();
}
function applyProfile(payload) {
@@ -716,6 +859,107 @@
});
}
+ function loadRoleInvitations() {
+ if (
+ !window.HyAppAPI ||
+ !window.HyAppAPI.roleInvitations ||
+ !window.HyAppAPI.roleInvitations.list ||
+ !hasAccessToken()
+ ) {
+ state.messages = [];
+ renderMessages();
+ return Promise.resolve(false);
+ }
+ return window.HyAppAPI.roleInvitations
+ .list('pending', 50)
+ .then(function (payload) {
+ var items =
+ (payload && (payload.items || payload.invitations)) || [];
+ state.messages = items
+ .map(normalizeInvitationMessage)
+ .filter(function (item) {
+ return !!item.id;
+ });
+ renderMessages();
+ return true;
+ })
+ .catch(function (error) {
+ if (window.console && window.console.warn) {
+ window.console.warn('[host-center] messages failed', error);
+ }
+ state.messages = [];
+ renderMessages();
+ return false;
+ });
+ }
+
+ function processInvitationMessage(message, action) {
+ if (
+ !message ||
+ !message.id ||
+ !window.HyAppAPI ||
+ !window.HyAppAPI.roleInvitations ||
+ !window.HyAppAPI.roleInvitations.process
+ ) {
+ return;
+ }
+ state.processingMessages[message.id] = true;
+ renderMessages();
+ window.HyAppAPI.roleInvitations
+ .process(message.id, {
+ command_id: commandID('role-invite-' + action, message.id),
+ action: action,
+ reason: 'h5_message_center',
+ })
+ .then(function () {
+ state.messages = state.messages.filter(function (item) {
+ return item.id !== message.id;
+ });
+ toast(
+ t(
+ action === 'accept'
+ ? 'host_center.invitation_accepted'
+ : 'host_center.invitation_rejected',
+ action === 'accept'
+ ? 'Invitation accepted.'
+ : 'Invitation rejected.'
+ )
+ );
+ renderMessages();
+ return loadRealData();
+ })
+ .catch(function (error) {
+ toast(
+ (error && error.message) ||
+ t(
+ 'host_center.process_failed',
+ 'Process failed. Try again later.'
+ )
+ );
+ })
+ .finally(function () {
+ delete state.processingMessages[message.id];
+ renderMessages();
+ });
+ }
+
+ function openMessages() {
+ var modal = $('messageModal');
+ if (!modal) return;
+ renderMessages();
+ modal.hidden = false;
+ modal.setAttribute('aria-hidden', 'false');
+ document.body.classList.add('modal-open');
+ }
+
+ function closeMessages() {
+ var modal = $('messageModal');
+ if (!modal) return;
+ modal.hidden = true;
+ modal.setAttribute('aria-hidden', 'true');
+ document.body.classList.remove('modal-open');
+ }
+
function requestPolicy() {
if (!window.HyAppAPI || !window.HyAppAPI.hostCenter) {
return Promise.resolve(null);
@@ -808,11 +1052,21 @@
document.querySelectorAll('[data-action="policy"]').forEach(function (button) {
button.addEventListener('click', openPolicy);
});
+ document
+ .querySelectorAll('[data-action="messages"]')
+ .forEach(function (button) {
+ button.addEventListener('click', openMessages);
+ });
document.querySelectorAll('[data-close-policy]').forEach(function (button) {
button.addEventListener('click', closePolicy);
});
+ $('messageBackdrop').addEventListener('click', closeMessages);
+ $('messageCloseButton').addEventListener('click', closeMessages);
document.addEventListener('keydown', function (event) {
- if (event.key === 'Escape') closePolicy();
+ if (event.key === 'Escape') {
+ closePolicy();
+ closeMessages();
+ }
});
}
@@ -824,6 +1078,7 @@
render();
bindEvents();
loadRealData().then(function (loaded) {
+ loadRoleInvitations();
if (window.HyAppBridge) {
window.HyAppBridge.ready({
page: 'host-center',
@@ -842,4 +1097,8 @@
window.addEventListener('hyapp:i18n-ready', function () {
render();
});
+
+ window.addEventListener('hyapp:role-invitation-processed', function () {
+ loadRealData();
+ });
})();
diff --git a/gonghui/unhost-center/index.html b/gonghui/unhost-center/index.html
index b0387c2..fb1d0aa 100644
--- a/gonghui/unhost-center/index.html
+++ b/gonghui/unhost-center/index.html
@@ -90,6 +90,25 @@
Agency