(function () { if (window.__anxinBound) return; window.__anxinBound = true; function setHidden(el, hidden) { if (!el) return; el.hidden = !!hidden; if (hidden) el.setAttribute('inert', ''); else el.removeAttribute('inert'); } function appDialog(options) { return new Promise(function (resolve) { var old = document.querySelector('[data-app-dialog]'); if (old) old.remove(); var wrap = document.createElement('div'); wrap.className = 'app-dialog-backdrop'; wrap.setAttribute('data-app-dialog', ''); var input = options.input ? '' : ''; wrap.innerHTML = '

安

' + escapeHtml(options.title || '安心AI') + '

' + (options.message ? '

' + escapeHtml(options.message) + '

' : '') + input + '

'; document.body.appendChild(wrap); var field = wrap.querySelector('[data-app-dialog-input]'); if (field) { field.focus(); field.select(); } function finish(value) { wrap.remove(); resolve(value); } wrap.querySelector('[data-app-dialog-cancel]').onclick = function () { finish(null); }; wrap.querySelector('[data-app-dialog-ok]').onclick = function () { finish(field ? field.value.trim() : true); }; }); } function appPrompt(title, value, placeholder) { return appDialog({ title: title, input: true, value: value, placeholder: placeholder }); } function appConfirm(message) { return appDialog({ title: '请确认', message: message, okText: '确定' }); } window.alert = function (message) { appDialog({ title: '安心AI', message: String(message || ''), cancelText: '关闭', okText: '知道了' }); }; var POST_VISIBILITY_META = { all: { label: '全部可见', desc: '家人都能看到这条动态', order: 0 }, family: { label: '仅家人', desc: '只有家人关系的人能看到', order: 1 }, friends: { label: '仅好友', desc: '家人和好友都能看到', order: 2 }, private: { label: '仅自己', desc: '只有你自己能看到', order: 3 }, }; function postVisibilityOptions() { return Object.keys(POST_VISIBILITY_META) .sort(function (a, b) { return POST_VISIBILITY_META[a].order - POST_VISIBILITY_META[b].order; }) .map(function (id) { return { id: id, label: POST_VISIBILITY_META[id].label, desc: POST_VISIBILITY_META[id].desc }; }); } function postVisibilityLabel(id) { return (POST_VISIBILITY_META[id] || {}).label || '全部可见'; } // 弹出“谁可以看”底部选择面板，选中后调用 onPick(id) function openPostVisibilitySheet(current, onPick) { var old = document.querySelector('[data-visibility-sheet]'); if (old) old.remove(); var backdrop = document.createElement('div'); backdrop.className = 'visibility-sheet-backdrop'; backdrop.setAttribute('data-visibility-sheet', ''); var list = postVisibilityOptions().map(function (opt) { var on = opt.id === current ? ' on' : ''; return ''; }).join(''); backdrop.innerHTML = '

谁可以看

决定这条动态可以被谁看到

' + list + '

'; document.body.appendChild(backdrop); backdrop.addEventListener('click', function (event) { var opt = event.target && event.target.closest ? event.target.closest('[data-pick-visibility]') : null; if (opt) { var id = opt.getAttribute('data-pick-visibility'); if (onPick) onPick(id); backdrop.remove(); return; } if (event.target && event.target.closest && (event.target.closest('[data-close-visibility]') || event.target === backdrop)) { backdrop.remove(); } }); } function showPage(id) { document.querySelectorAll('[data-page]').forEach(function (el) { setHidden(el, el.getAttribute('data-page') !== id); }); document.querySelectorAll('[data-nav]').forEach(function (el) { el.classList.toggle('active', el.getAttribute('data-nav') === id); }); document.querySelectorAll('[data-chat-panel]').forEach(function (el) { setHidden(el, true); }); var list = document.querySelector('[data-msg-list]'); setHidden(list, false); document.querySelectorAll('[data-detail]').forEach(function (el) { setHidden(el, true); }); setHidden(document.querySelector('[data-invite]'), true); document.querySelectorAll('[data-health]').forEach(function (el) { setHidden(el, true); }); document.querySelectorAll('[data-feed]').forEach(function (el) { setHidden(el, true); }); setHidden(document.querySelector('[data-bottom-nav]'), false); } function openChat(id) { showPage('messages'); setHidden(document.querySelector('[data-msg-list]'), true); document.querySelectorAll('[data-chat-panel]').forEach(function (el) { setHidden(el, el.getAttribute('data-chat-panel') !== id); }); setHidden(document.querySelector('[data-bottom-nav]'), true); var box = document.querySelector('[data-chat-panel="' + id + '"] [data-msg-box]'); if (box) box.scrollTop = box.scrollHeight; } var cloudChatTimer = null; var cloudChatPerson = null; var latestFamilyView = null; var pendingPostFiles = []; var familyFeedFilter = 'all'; var currentAlbumFolder = null; var currentAlbumRoot = null; var albumViewerItems = []; var albumViewerIndex = 0; var voiceRecording = false; var voicePressing = false; var voiceButtonActive = null; var voiceStopTimer = null; var voiceSessionId = 0; var voiceResultHandled = true; var chatAudioGainValue = 1.85; function ensureChatAudioContext() { if (!window.__anxinChatAudioCtx) { var Ctx = window.AudioContext || window.webkitAudioContext; if (Ctx) window.__anxinChatAudioCtx = new Ctx(); } return window.__anxinChatAudioCtx; } function boostChatAudio(audio) { if (!audio || audio.getAttribute('data-audio-boost') === '1') return; audio.setAttribute('data-audio-boost', '1'); audio.volume = 1; audio.setAttribute('playsinline', ''); function connectBoost() { if (audio.__anxinBoosted) return; var ctx = ensureChatAudioContext(); if (!ctx) return; try { if (ctx.state === 'suspended') ctx.resume(); var source = ctx.createMediaElementSource(audio); var gain = ctx.createGain(); gain.gain.value = chatAudioGainValue; source.connect(gain); gain.connect(ctx.destination); audio.__anxinBoosted = true; } catch (err) { audio.volume = 1; } } audio.addEventListener('pointerdown', connectBoost, { once: true }); audio.addEventListener('play', connectBoost); } function wireChatAudios(root) { var scope = root && root.querySelectorAll ? root : document; var list = scope.querySelectorAll('.chat-audio'); for (var i = 0; i < list.length; i++) boostChatAudio(list[i]); } window.AnxinVoiceStarted = function () { voiceRecording = true; voiceResultHandled = false; var button = document.querySelector('[data-toggle-voice]'); if (button) { button.classList.add('recording'); button.textContent = '松开发送'; } clearTimeout(voiceStopTimer); voiceStopTimer = setTimeout(function () { if (voiceRecording && window.AnxinNative) window.AnxinNative.stopVoiceRecord(); }, 30000); }; window.AnxinVoiceResult = function (audio) { if (voiceResultHandled || !voiceRecording) return; voiceResultHandled = true; voiceRecording = false; clearTimeout(voiceStopTimer); var button = document.querySelector('[data-toggle-voice]'); if (button) { button.classList.remove('recording'); button.textContent = '按住说话'; } sendCloudChat('', '', audio).then(finishCloudSend); }; window.AnxinVoiceError = function () { voiceResultHandled = true; voiceRecording = false; voicePressing = false; voiceButtonActive = null; alert('录音没有成功，请重试'); }; window.AnxinVoicePermissionDenied = function () { voiceResultHandled = true; voiceRecording = false; voicePressing = false; voiceButtonActive = null; alert('请在手机设置中允许安心AI使用麦克风'); }; window.AnxinLocationResult = function (latitude, longitude, accuracy) { var me = loadMe(); me.shareLocation = true; me.latitude = latitude; me.longitude = longitude; me.locationAccuracy = accuracy; me.locationAt = Date.now(); localStorage.setItem('anxin-my-profile', JSON.stringify(me)); applyMe(); familyUpdateProfile({ shareLocation: true, latitude: latitude, longitude: longitude, locationAccuracy: accuracy, locationAt: me.locationAt }); alert('定位已开启，家人现在可以看到你的位置'); }; window.AnxinLocationError = function () { appConfirm('亲安还没有获得定位权限。点击“确定”后，会直接打开手机设置，请打开“位置信息”权限。').then(function (ok) { if (ok && window.AnxinNative && window.AnxinNative.openAppSettings) window.AnxinNative.openAppSettings(); }); applyMe(); }; window.AnxinStepResult = function (steps) { var count = Math.max(0, Math.round(Number(steps) || 0)); var status = document.querySelector('[data-step-sync-status]'); if (status) status.textContent = '今日 ' + count + ' 步 · 已同步云端'; familyUpdateProfile({ steps: count, stepsDate: new Date().toLocaleDateString('zh-CN') }); }; window.AnxinStepUnavailable = function () { var status = document.querySelector('[data-step-sync-status]'); if (status) status.textContent = '这部手机没有可用的计步器'; }; function openCloudChat(id, name, initials) { cloudChatPerson = { id: id, name: name, initials: initials }; localStorage.setItem('anxin-chat-read-' + id, String(Date.now())); if (latestFamilyView) renderConversations(latestFamilyView.conversations || []); var old = document.querySelector('[data-cloud-chat]'); if (old) old.remove(); var panel = document.createElement('div'); panel.setAttribute('data-cloud-chat', ''); panel.className = 'cloud-chat-panel'; panel.innerHTML = '

' + '' + escapeHtml(initials) + '' + '

' + escapeHtml(name) + '家庭聊天 · 云端保存

' + '

聊天记录保存在云端

' + '

' + '' + '

'; document.body.appendChild(panel); panel.querySelectorAll('[data-chat-emoji]').forEach(function (button) { if (button.textContent.indexOf('\uFFFD') !== -1) button.remove(); }); cloudChatPaintKey = ''; cloudChatLoading = false; loadCloudChat(true); clearInterval(cloudChatTimer); cloudChatTimer = setInterval(function () { loadCloudChat(false); }, 1200); } function closeCloudChat() { clearInterval(cloudChatTimer); cloudChatTimer = null; cloudChatPerson = null; var panel = document.querySelector('[data-cloud-chat]'); if (panel) panel.remove(); } var chatBackArmed = false; var chatBackTimer = null; function showChatBackHint() { var old = document.querySelector('[data-chat-back-hint]'); if (old) old.remove(); var tip = document.createElement('div'); tip.className = 'chat-back-hint'; tip.setAttribute('data-chat-back-hint', ''); tip.textContent = '再返回一次退出聊天'; document.body.appendChild(tip); setTimeout(function () { if (tip.isConnected) tip.remove(); }, 1800); } function closeActiveChatNow() { chatBackArmed = false; clearTimeout(chatBackTimer); var hint = document.querySelector('[data-chat-back-hint]'); if (hint) hint.remove(); var petChat = document.querySelector('[data-pet-chat-sheet]'); if (petChat) petChat.remove(); if (document.querySelector('[data-cloud-chat]')) closeCloudChat(); } function requestCloseActiveChat(force) { var petChat = document.querySelector('[data-pet-chat-sheet]'); var cloudChat = document.querySelector('[data-cloud-chat]'); if (!petChat && !cloudChat) return; if (force) { closeActiveChatNow(); return; } if (chatBackArmed) { closeActiveChatNow(); return; } chatBackArmed = true; showChatBackHint(); clearTimeout(chatBackTimer); chatBackTimer = setTimeout(function () { chatBackArmed = false; }, 2500); } window.AnxinHandleBack = function () { var appPopup = document.querySelector('[data-app-dialog]'); if (appPopup) { appPopup.remove(); return true; } var petChat = document.querySelector('[data-pet-chat-sheet]'); if (petChat) { requestCloseActiveChat(false); return true; } var albumViewer = document.querySelector('[data-album-viewer]'); if (albumViewer) { albumViewer.remove(); return true; } var locationPanel = document.querySelector('[data-location-panel]'); if (locationPanel) { locationPanel.remove(); return true; } var familyProfile = document.querySelector('[data-family-profile]'); if (familyProfile) { familyProfile.remove(); return true; } var groupCreate = document.querySelector('[data-group-create-panel]'); if (groupCreate) { groupCreate.remove(); return true; } if (document.querySelector('[data-cloud-chat]')) { requestCloseActiveChat(false); return true; } var openDetail = document.querySelector('[data-detail]:not([hidden]), [data-invite]:not([hidden])'); if (openDetail) { setHidden(openDetail, true); return true; } if (currentAlbumFolder) { currentAlbumFolder = null; loadAlbum(); return true; } if (currentAlbumRoot) { currentAlbumRoot = null; loadAlbum(); return true; } var openLocalChat = document.querySelector('[data-chat-panel]:not([hidden])'); if (openLocalChat) { showPage('messages'); return true; } var activePage = document.querySelector('[data-page]:not([hidden])'); if (activePage && activePage.getAttribute('data-page') !== 'care') { showPage('care'); return true; } return false; }; function openLocationPanel(name, time, mapUrl) { var old = document.querySelector('[data-location-panel]'); if (old) old.remove(); var panel = document.createElement('div'); panel.className = 'location-panel'; panel.setAttribute('data-location-panel', ''); panel.innerHTML = '

' + escapeHtml(name) + '的位置

最近更新：' + escapeHtml(time || '刚刚') + '

⌖

共享位置手机没有安装导航软件，已在安心AI内显示地图

'; document.body.appendChild(panel); panel.querySelector('[data-close-location]').onclick = function () { panel.remove(); }; } function openFamilyProfile(person) { var old = document.querySelector('[data-family-profile]'); if (old) old.remove(); var current = session(); if (!current || !current.token) return; var avatar = person.avatar ? '

' : escapeHtml(person.initials); var contacts = [person.phone ? '电话：' + person.phone : '', person.wechat ? '微信：' + person.wechat : ''].filter(Boolean); var locationInfo = ''; if (person.shareLocation && typeof person.latitude === 'number' && typeof person.longitude === 'number') { var locationTime = person.locationAt ? new Date(person.locationAt).toLocaleString('zh-CN', { month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit' }) : ''; var mapUrl = 'https://uri.amap.com/marker?position=' + person.longitude + ',' + person.latitude + '&name=' + encodeURIComponent(person.name + '的位置'); locationInfo = ''; } var devices = (person.devices || []).map(function (item) { var deviceStatus = item.on ? '手机开机 · APP守护中' : 'APP未连接 · 上次在线 ' + item.lastSeen; if (item.battery != null) deviceStatus += ' · 电量' + item.battery + '%'; return '

' + escapeHtml(item.brand + ' ' + (item.model || '')) + '同一账号

' + escapeHtml(deviceStatus) + '

'; }).join(''); var panel = document.createElement('div'); panel.className = 'family-profile-panel'; panel.setAttribute('data-family-profile', ''); panel.setAttribute('data-profile-member', person.id); panel.innerHTML = '

家人主页

' + '

TA的动态

正在加载动态…

'; document.body.appendChild(panel); fetch('/api/family?posts=1&token=' + encodeURIComponent(current.token)).then(function (res) { return res.json(); }).then(function (data) { var box = panel.querySelector('[data-family-profile-posts]'); if (!box) return; var posts = (data.posts || []).filter(function (post) { return post.memberId === person.id; }); if (!posts.length) { box.innerHTML = '

TA还没有发表动态。

'; return; } box.innerHTML = posts.map(function (post) { return renderFamilyPostCard(post, current.token, { memberName: person.name, avatarHtml: '' + avatar + '', subtitle: new Date(post.createdAt).toLocaleString('zh-CN', { month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit' }), }); }).join(''); }).catch(function () {}); } var cloudChatLoading = false; var cloudChatPaintKey = ''; var cloudChatMeId = ''; function chatMessagesKey(messages) { if (!messages || !messages.length) return '0'; var last = messages[messages.length - 1]; return messages.length + ':' + (last && last.id ? last.id : '') + ':' + (last && last.createdAt ? last.createdAt : ''); } function hasUnsyncedChatMessages(box) { return !!(box && box.querySelector('.pending-message, [data-local-id]')); } function upsertChatCache(personId, message, me) { if (!personId || !message || !message.id) return; try { var cacheKey = 'anxin-chat-cache-' + personId; var cached = JSON.parse(localStorage.getItem(cacheKey) || 'null') || { messages: [], me: me }; cached.me = me || cached.me; cached.messages = cached.messages || []; if (!cached.messages.some(function (item) { return item.id === message.id; })) { cached.messages.push({ id: message.id, from: message.from, text: message.text || '', createdAt: message.createdAt, senderName: message.senderName || '', image: message.hasImage || (message.image && message.image.indexOf('data:') === 0) ? '1' : '', audio: message.hasAudio || (message.audio && message.audio.indexOf('data:') === 0) ? '1' : '', }); if (cached.messages.length > 100) cached.messages = cached.messages.slice(-100); } cached.savedAt = Date.now(); localStorage.setItem(cacheKey, JSON.stringify(cached)); } catch (err) {} } function loadCloudChat(force) { var current = session(); if (!cloudChatPerson || !current || !current.token) return; if (cloudChatLoading && !force) return; var group = cloudChatPerson.id.indexOf('group:') === 0; var href = group ? '/api/family?token=' + encodeURIComponent(current.token) + '&groupId=' + encodeURIComponent(cloudChatPerson.id.slice(6)) : '/api/family?token=' + encodeURIComponent(current.token) + '&chatWith=' + encodeURIComponent(cloudChatPerson.id); href += '&_t=' + Date.now(); var cacheKey = 'anxin-chat-cache-' + cloudChatPerson.id; try { var cached = JSON.parse(localStorage.getItem(cacheKey) || 'null'); var cachedBox = document.querySelector('[data-cloud-message-list]'); if (cached && cached.messages && cachedBox && !hasUnsyncedChatMessages(cachedBox)) { paintCloudMessages(cachedBox, cached.messages, cached.me, group, false); } } catch (err) {} cloudChatLoading = true; fetch(href) .then(function (res) { return res.json(); }) .then(function (data) { cloudChatLoading = false; var box = document.querySelector('[data-cloud-message-list]'); if (!box || !data.messages) return; cloudChatMeId = data.me || cloudChatMeId; paintCloudMessages(box, data.messages, data.me, group, force); try { var localMessages = data.messages.slice(-100).map(function (item) { return { id: item.id, from: item.from, text: item.text || '', createdAt: item.createdAt, senderName: item.senderName || '', image: item.image ? '1' : '', audio: item.audio ? '1' : '' }; }); localStorage.setItem(cacheKey, JSON.stringify({ messages: localMessages, me: data.me, savedAt: Date.now() })); } catch (err) {} }).catch(function () { cloudChatLoading = false; }); } function paintCloudMessages(box, messages, me, group, force) { if (!box) return; var pendingNodes = Array.prototype.slice.call(box.querySelectorAll('.pending-message, [data-local-id]')); var key = chatMessagesKey(messages) + ':' + (me || ''); var hasPending = pendingNodes.length > 0; if (!force && !hasPending && key === cloudChatPaintKey && box.children.length > 1) return; cloudChatPaintKey = key; var nearBottom = box.scrollHeight - box.scrollTop - box.clientHeight < 80; box.innerHTML = '聊天记录保存在云端' + messages.map(function (item) { var body = item.image && item.image.indexOf('data:') === 0 ? ' 聊天图片

' : (item.image === '1' ? '[图片]' : ''); if (item.audio && item.audio.indexOf('data:') === 0) body += '

'; else if (item.audio === '1') body += '[语音]'; if (item.text) body += '' + escapeHtml(item.text) + ''; var mine = item.from === me; var sender = group ? '' + escapeHtml(mine ? '我' : item.senderName || '家人') + '' : ''; return '

' + sender + body + '

'; }).join(''); pendingNodes.forEach(function (node) { var msgId = node.getAttribute('data-message-id'); if (msgId && messages.some(function (item) { return item.id === msgId; })) return; box.appendChild(node); }); wireChatAudios(box); if (nearBottom || force) box.scrollTop = box.scrollHeight; } function showPendingCloudMessage(text, image, localId) { var box = document.querySelector('[data-cloud-message-list]'); if (!box) return null; var pending = document.createElement('div'); pending.className = 'message sent pending-message'; pending.setAttribute('data-local-id', localId || ('local-' + Date.now())); var body = ''; if (image) body += ' 聊天图片

'; if (text) body += '' + escapeHtml(text) + ''; pending.innerHTML = body; box.appendChild(pending); box.scrollTop = box.scrollHeight; return pending; } function finishCloudSend(data, localNode) { var node = localNode || document.querySelector('[data-cloud-message-list] [data-local-id]'); if (data && data.error) { if (node) { node.classList.add('pending-message', 'failed'); var tip = node.querySelector('small'); if (!tip) { tip = document.createElement('small'); node.appendChild(tip); } tip.textContent = '发送失败，点我重试'; } else { alert(data.error); } return; } if (node && data && data.id) { node.classList.remove('pending-message', 'failed'); node.removeAttribute('data-local-id'); node.setAttribute('data-message-id', data.id); var failTip = node.querySelector('small'); if (failTip) failTip.remove(); cloudChatPaintKey = ''; if (data.from) cloudChatMeId = data.from; if (cloudChatPerson) upsertChatCache(cloudChatPerson.id, data, data.from || cloudChatMeId); window.setTimeout(function () { var box = document.querySelector('[data-cloud-message-list]'); if (!box || hasUnsyncedChatMessages(box)) return; loadCloudChat(true); }, 900); return; } loadCloudChat(false); } function sendCloudChat(text, image, audio) { var current = session(); if (!cloudChatPerson || !current) return Promise.resolve({ error: '请重新打开安心AI' }); return fetch('/api/family', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(cloudChatPerson.id.indexOf('group:') === 0 ? { action: 'send-custom-group-message', token: current.token, groupId: cloudChatPerson.id.slice(6), text: text || '', image: image || '', audio: audio || '' } : { action: 'send-message', token: current.token, to: cloudChatPerson.id, text: text || '', image: image || '', audio: audio || '' }), }).then(function (res) { return res.json(); }); } function openDetail(id) { setHidden(document.querySelector('[data-invite]'), true); document.querySelectorAll('[data-detail]').forEach(function (el) { setHidden(el, el.getAttribute('data-detail') !== id); }); } function todayKey() { var now = new Date(); return now.getFullYear() + '-' + (now.getMonth() + 1) + '-' + now.getDate(); } function loadHealth() { var data = {}; try { data = JSON.parse(localStorage.getItem('anxin-my-health') || '{}'); } catch (err) { data = {}; } if (!data.age) data.age = 45; if (data.date !== todayKey()) { data.date = todayKey(); data.breakfast = false; data.lunch = false; data.dinner = false; data.exercise = false; } return data; } function saveHealth(data) { localStorage.setItem('anxin-my-health', JSON.stringify(data)); var changes = {}; if (typeof data.age === 'number') changes.age = data.age; if (data.gender != null) changes.gender = data.gender; if (data.height !== '' && data.height != null) changes.height = Number(data.height); if (data.weight !== '' && data.weight != null) changes.weight = Number(data.weight); if (data.sleepHours != null) changes.sleepHours = data.sleepHours; familyUpdateProfile(changes); } function ageBand(age) { var n = Number(age) || 45; if (n < 30) return 'y18'; if (n < 45) return 'y30'; if (n < 60) return 'y45'; if (n < 75) return 'y60'; return 'y75'; } function ageLabel(age) { var names = { y18: '青年', y30: '壮年', y45: '中年', y60: '老年', y75: '高龄' }; var n = Number(age) || 45; return n + ' 岁 · ' + names[ageBand(n)]; } function applyAge(age) { var band = ageBand(age); document.querySelectorAll('[data-age-label]').forEach(function (el) { el.textContent = ageLabel(age); }); document.querySelectorAll('[data-health-band]').forEach(function (el) { setHidden(el, el.getAttribute('data-health-band') !== band); }); var input = document.querySelector('[data-my-age]'); if (input) input.value = Number(age) || 45; } function applyGender(gender) { var value = gender === '男' || gender === '女' ? gender : ''; document.querySelectorAll('[data-my-gender-picker]').forEach(function (el) { el.textContent = value || '未设置'; }); document.querySelectorAll('[data-gender-label]').forEach(function (el) { el.textContent = value || '未设置'; }); } function markBodyMetricSaved(input, saved) { if (!input) return; var wrap = input.closest('.health-number-row'); var tip = wrap && wrap.querySelector('[data-metric-saved-tip]'); if (saved && input.value) { input.classList.add('metric-saved'); input.setAttribute('readonly', 'readonly'); if (wrap) { if (!tip) { tip = document.createElement('em'); tip.setAttribute('data-metric-saved-tip', ''); tip.className = 'metric-saved-tip'; var label = wrap.querySelector('label'); if (label) label.appendChild(tip); } tip.textContent = '已保存'; tip.hidden = false; clearTimeout(input._savedTipTimer); input._savedTipTimer = setTimeout(function () { if (tip) tip.hidden = true; }, 1600); } try { input.blur(); } catch (err) {} } else { input.classList.remove('metric-saved'); input.removeAttribute('readonly'); if (tip) tip.hidden = true; } } function unlockBodyMetric(input) { if (!input) return; input.classList.remove('metric-saved'); input.removeAttribute('readonly'); try { input.focus(); input.select(); } catch (err) {} } function applyBodyMetrics(data) { var height = document.querySelector('[data-my-height]'); var weight = document.querySelector('[data-my-weight]'); if (height) { height.value = data.height || ''; markBodyMetricSaved(height, !!data.height); } if (weight) { weight.value = data.weight || ''; markBodyMetricSaved(weight, !!data.weight); } } function saveBodyMetricInput(bodyMetric) { if (!bodyMetric) return; var healthData = loadHealth(); var value = Number(bodyMetric.value); if (!String(bodyMetric.value || '').trim()) { if (bodyMetric.matches('[data-my-height]')) delete healthData.height; else delete healthData.weight; saveHealth(healthData); markBodyMetricSaved(bodyMetric, false); return; } if (bodyMetric.matches('[data-my-height]')) { if (!isFinite(value) || value < 80 || value > 230) { alert('身高请输入80至230厘米'); bodyMetric.value = healthData.height || ''; markBodyMetricSaved(bodyMetric, !!healthData.height); return; } healthData.height = Math.round(value * 10) / 10; bodyMetric.value = healthData.height; } else { if (!isFinite(value) || value < 20 || value > 300) { alert('体重请输入20至300公斤'); bodyMetric.value = healthData.weight || ''; markBodyMetricSaved(bodyMetric, !!healthData.weight); return; } healthData.weight = Math.round(value * 10) / 10; bodyMetric.value = healthData.weight; } saveHealth(healthData); markBodyMetricSaved(bodyMetric, true); } function applyChecks(data) { ['breakfast', 'lunch', 'dinner', 'exercise'].forEach(function (key) { document.querySelectorAll('[data-check="' + key + '"]').forEach(function (el) { el.classList.toggle('on', !!data[key]); }); }); var sleep = document.querySelector('[data-sleep-hours]'); if (sleep && data.sleepHours != null && data.sleepHours !== '') { sleep.value = data.sleepHours; } } function detectPhoneBrand() { var ua = navigator.userAgent || ''; if (/iPhone|iPad|Macintosh/.test(ua)) return '苹果 iPhone'; if (/HUAWEI|Huawei|Harmony/.test(ua)) return '华为'; if (/HONOR|Honor/.test(ua)) return '荣耀'; if (/Xiaomi|Redmi|MIUI/.test(ua)) return '小米'; if (/OPPO/.test(ua)) return 'OPPO'; if (/vivo|Vivo/.test(ua)) return 'vivo'; if (/OnePlus/.test(ua)) return '一加'; if (/Samsung/.test(ua)) return '三星'; if (/Pixel/.test(ua)) return 'Google Pixel'; return '这部手机'; } function applyHealth() { var data = loadHealth(); var cloud = latestFamilyView && latestFamilyView.me; if (cloud) { if (cloud.age) data.age = cloud.age; if (cloud.gender) data.gender = cloud.gender; if (cloud.height) data.height = cloud.height; if (cloud.weight) data.weight = cloud.weight; if (cloud.sleepHours) data.sleepHours = cloud.sleepHours; localStorage.setItem('anxin-my-health', JSON.stringify(data)); } applyAge(data.age); applyGender(data.gender); applyBodyMetrics(data); applyChecks(data); } function applyMood() { var id = normalizeMood(localStorage.getItem('anxin-my-mood') || 'free'); localStorage.setItem('anxin-my-mood', id); document.querySelectorAll('[data-mood]').forEach(function (el) { el.classList.toggle('on', el.getAttribute('data-mood') === id); }); } function loadMe() { try { var profile = JSON.parse(localStorage.getItem('anxin-my-profile') || '{}'); if (typeof profile.petEnabled !== 'boolean') { profile.petEnabled = true; if (!profile.petId) profile.petId = 'robot'; localStorage.setItem('anxin-my-profile', JSON.stringify(profile)); } return profile; } catch (err) { return {}; } } function applyMe() { var me = loadMe(); var name = me.name || '我'; var phone = me.phone || ''; var wechat = me.wechat || ''; var initials = me.avatar ? (name.trim().slice(-1) || '安') : '安'; document.querySelectorAll('[data-my-name]').forEach(function (el) { el.textContent = name; }); document.querySelectorAll('[data-my-phone]').forEach(function (el) { el.textContent = phone || '未填电话'; }); document.querySelectorAll('[data-my-wechat]').forEach(function (el) { el.textContent = wechat ? '微信：' + wechat : '未填微信'; }); document.querySelectorAll('[data-my-initials]').forEach(function (el) { el.textContent = initials; }); document.querySelectorAll('[data-my-avatar]').forEach(function (img) { if (me.avatar) { img.src = me.avatar; img.hidden = false; if (img.parentNode) img.parentNode.classList.add('has-photo'); } else { img.removeAttribute('src'); img.hidden = true; if (img.parentNode) img.parentNode.classList.remove('has-photo'); } }); var nameInput = document.querySelector('[data-edit-me="name"]'); var phoneInput = document.querySelector('[data-edit-me="phone"]'); var wechatInput = document.querySelector('[data-edit-me="wechat"]'); // 云端会定时刷新家人状态；编辑资料时不能用旧数据覆盖用户正在输入的内容。 var isEditingProfile = [nameInput, phoneInput, wechatInput].some(function (input) { return input && !input.readOnly; }); if (!isEditingProfile) { if (nameInput && me.name) nameInput.value = me.name; if (phoneInput && me.phone != null) phoneInput.value = me.phone; if (wechatInput && me.wechat != null) wechatInput.value = me.wechat; } document.querySelectorAll('[data-contact-share]').forEach(function (button) { var on = button.getAttribute('data-contact-share') === 'phone' ? !!me.sharePhone : !!me.shareWechat; button.classList.toggle('on', on); button.setAttribute('aria-pressed', on ? 'true' : 'false'); }); var locationButton = document.querySelector('[data-location-share]'); if (locationButton) { locationButton.classList.toggle('on', !!me.shareLocation); locationButton.setAttribute('aria-pressed', me.shareLocation ? 'true' : 'false'); } document.querySelectorAll('[data-pet-choice]').forEach(function (button) { button.classList.toggle('on', button.getAttribute('data-pet-choice') === me.petId); }); var petEnabled = document.querySelector('[data-pet-enabled]'); if (petEnabled) petEnabled.checked = me.petEnabled !== false && !!me.petId; var petLabel = document.querySelector('[data-pet-choice-label]'); var selectedPet = document.querySelector('[data-pet-choice].on'); if (petLabel) petLabel.textContent = selectedPet ? selectedPet.getAttribute('data-pet-name') + ' · ' + selectedPet.getAttribute('data-pet-trait') : '选一个你喜欢的'; var petNameInput = document.querySelector('[data-pet-custom-name]'); if (petNameInput && document.activeElement !== petNameInput) petNameInput.value = me.petName || ''; renderPublicPreview(me); } var petNames = { lion:'狮子', tiger:'老虎', wolf:'狼', elephant:'大象', cheetah:'猎豹', cat:'猫', dog:'狗', rabbit:'兔子', pig:'小猪', sloth:'树懒', panda:'熊猫', fox:'狐狸', owl:'猫头鹰', dolphin:'海豚', penguin:'企鹅', turtle:'海龟', robot:'机器人', designer:'设计师', doctor:'医生', farmer:'农民', worker:'工人', office:'白领', civilservant:'公务员', teacher:'老师' }; function appendPetMessage(list, role, text) { var item = document.createElement('div'); item.className = 'pet-chat-message ' + role; item.textContent = text; list.appendChild(item); fitPetChatToViewport(); list.scrollTop = list.scrollHeight; return item; } var petChatViewportBound = false; function fitPetChatToViewport() { var backdrop = document.querySelector('.pet-chat-backdrop'); var sheet = backdrop && backdrop.querySelector('.pet-chat-sheet'); var list = backdrop && backdrop.querySelector('[data-pet-chat-list]'); if (!sheet) return; var vv = window.visualViewport; var availH = window.innerHeight; var cover = 0; if (vv) { availH = vv.height; cover = Math.max(0, window.innerHeight - (vv.height + vv.offsetTop)); } var maxH = Math.max(300, availH - 16); sheet.style.height = maxH + 'px'; if (backdrop) backdrop.style.paddingBottom = cover + 'px'; if (list) list.scrollTop = list.scrollHeight; } function bindPetChatViewport() { if (petChatViewportBound) return; petChatViewportBound = true; if (window.visualViewport && window.visualViewport.addEventListener) { window.visualViewport.addEventListener('resize', fitPetChatToViewport); window.visualViewport.addEventListener('scroll', fitPetChatToViewport); } window.addEventListener('resize', fitPetChatToViewport); } function openPetChat(petId, customName) { var current = session(); if (!current || !current.token) return alert('登录后才能和迷你动态图聊天'); var old = document.querySelector('[data-pet-chat-sheet]'); if (old) old.remove(); var sheet = document.createElement('div'); sheet.className = 'pet-chat-backdrop'; sheet.setAttribute('data-pet-chat-sheet', ''); sheet.innerHTML = '

' + escapeHtml(customName || petNames[petId] || '迷你动态图') + '和我聊聊天吧

正在连接…

'; document.body.appendChild(sheet); bindPetChatViewport(); fitPetChatToViewport(); var list = sheet.querySelector('[data-pet-chat-list]'); fetch('/api/pet-chat?token=' + encodeURIComponent(current.token) + '&petId=' + encodeURIComponent(petId)) .then(function (res) { return res.json(); }) .then(function (data) { list.innerHTML = ''; if (data.error) return appendPetMessage(list, 'assistant', data.error); if (!(data.messages || []).length) appendPetMessage(list, 'assistant', '你好，我在呢。'); (data.messages || []).forEach(function (message) { appendPetMessage(list, message.role, message.text); }); }).catch(function () { list.innerHTML = ''; appendPetMessage(list, 'assistant', '暂时连接不上，请稍后再试。'); }); sheet.querySelector('[data-close-pet-chat]').addEventListener('click', function (event) { event.preventDefault(); event.stopPropagation(); requestCloseActiveChat(true); }); sheet.addEventListener('click', function (event) { if (event.target === sheet) requestCloseActiveChat(true); }); var chatForm = sheet.querySelector('[data-pet-chat-form]'); var input = chatForm.elements.text; chatForm.addEventListener('submit', function (event) { event.preventDefault(); var text = String(input.value || '').trim(); if (!text) return; input.value = ''; appendPetMessage(list, 'user', text); var waiting = appendPetMessage(list, 'assistant waiting', '正在想…'); event.target.querySelector('button[type="submit"]').disabled = true; fetch('/api/pet-chat', { method:'POST', headers:{'Content-Type':'application/json'}, body:JSON.stringify({ token:current.token, petId:petId, text:text }) }) .then(function (res) { return res.json(); }) .then(function (data) { waiting.remove(); if (data.error) appendPetMessage(list, 'assistant', data.error); else { var messages=data.messages||[]; var answer=messages[messages.length-1]; appendPetMessage(list, 'assistant', answer ? answer.text : '我在听。'); } }) .catch(function () { waiting.remove(); appendPetMessage(list, 'assistant', '网络有点慢，请稍后再试。'); }) .finally(function () { event.target.querySelector('button[type="submit"]').disabled = false; input.focus(); fitPetChatToViewport(); }); }); } document.addEventListener('click', function (event) { var petEnabled = event.target && event.target.closest ? event.target.closest('[data-pet-enabled]') : null; if (petEnabled) { var toggleOwner = loadMe(); if (petEnabled.checked) { toggleOwner.petEnabled = true; toggleOwner.petId = toggleOwner.lastPetId || toggleOwner.petId || 'robot'; } else { toggleOwner.petEnabled = false; toggleOwner.lastPetId = toggleOwner.petId || toggleOwner.lastPetId || 'robot'; toggleOwner.petId = ''; } localStorage.setItem('anxin-my-profile', JSON.stringify(toggleOwner)); applyMe(); familyUpdateProfile({ petId: toggleOwner.petId }); return; } var savePetName = event.target && event.target.closest ? event.target.closest('[data-save-pet-name]') : null; if (savePetName) { var petNameField = document.querySelector('[data-pet-custom-name]'); var petOwner = loadMe(); petOwner.petName = String(petNameField && petNameField.value || '').trim().slice(0, 12); localStorage.setItem('anxin-my-profile', JSON.stringify(petOwner)); familyUpdateProfile({ petName: petOwner.petName }); savePetName.textContent = '已保存'; setTimeout(function () { savePetName.textContent = '保存'; }, 1200); return; } var petChoice = event.target && event.target.closest ? event.target.closest('[data-pet-choice]') : null; if (petChoice) { var me = loadMe(); me.petId = petChoice.getAttribute('data-pet-choice') || ''; me.petEnabled = true; me.lastPetId = me.petId; localStorage.setItem('anxin-my-profile', JSON.stringify(me)); applyMe(); familyUpdateProfile({ petId: me.petId }); petChoice.classList.remove('pet-picked'); void petChoice.offsetWidth; petChoice.classList.add('pet-picked'); return; } var livePet = event.target && event.target.closest ? event.target.closest('[data-live-pet]') : null; if (livePet) { event.preventDefault(); event.stopPropagation(); var actions = ['pet-greet', 'pet-pose']; var action = actions[Math.floor(Math.random() * actions.length)]; var words = ['嗨，可以点我', '可以跟我聊天', '今天心情怎么样？', '我一直都在']; var bubble = livePet.querySelector('.family-pet-bubble'); livePet.classList.remove('pet-walk', 'pet-greet', 'pet-pose'); void livePet.offsetWidth; livePet.classList.add(action); if (bubble) { bubble.textContent = action === 'pet-greet' ? words[Math.floor(Math.random() * words.length)] : ''; bubble.classList.toggle('show', action === 'pet-greet'); } clearTimeout(livePet._petTimer); livePet._petTimer = setTimeout(function () { livePet.classList.remove('pet-walk', 'pet-greet', 'pet-pose'); if (bubble) bubble.classList.remove('show'); openPetChat(livePet.getAttribute('data-pet-id') || 'robot', livePet.getAttribute('data-pet-custom-name') || ''); }, 700); } }, true); function renderPublicPreview(me) { var box = document.querySelector('[data-public-preview]'); if (!box) return; var cloudMe = latestFamilyView && latestFamilyView.me ? latestFamilyView.me : {}; var devices = cloudMe.devices || []; var phoneNames = devices.map(function (device) { return [device.brand, device.model].filter(Boolean).join(' '); }).filter(Boolean); var phoneText = phoneNames.length ? phoneNames.join('、') : detectPhoneBrand(); var rows = [ ['设备', phoneText], ['在线', '守护中'], ['公开手机', me.sharePhone && me.phone ? me.phone : '未公开'], ['公开微信', me.shareWechat && me.wechat ? me.wechat : '未公开'], ['定位', me.shareLocation && me.latitude != null ? '已向家人公开' : '未公开'], ]; var health = [cloudMe.heartRate ? '心率 ' + cloudMe.heartRate : '', cloudMe.steps ? '步数 ' + cloudMe.steps : '', cloudMe.bloodPressure ? '血压 ' + cloudMe.bloodPressure : '', cloudMe.sleepQuality ? '睡眠 ' + cloudMe.sleepQuality : ''].filter(Boolean); rows.push(['健康', health.length ? health.join(' · ') : '未连接']); box.innerHTML = rows.map(function (row) { return '

' + escapeHtml(row[0]) + '' + escapeHtml(row[1]) + '

'; }).join(''); var summary = document.querySelector('[data-my-public-summary]'); if (summary) { var parts = []; if (me.sharePhone && me.phone) parts.push('手机已公开'); if (me.shareWechat && me.wechat) parts.push('微信已公开'); if (me.shareLocation && me.latitude != null) parts.push('定位已公开'); if (health.length) parts.push('健康已同步'); summary.textContent = parts.length ? parts.join(' · ') : '默认仅显示在线状态'; } } function saveMe() { var nameInput = document.querySelector('[data-edit-me="name"]'); var phoneInput = document.querySelector('[data-edit-me="phone"]'); var wechatInput = document.querySelector('[data-edit-me="wechat"]'); var me = loadMe(); me.name = nameInput && nameInput.value.trim() ? nameInput.value.trim() : '乔先生'; me.phone = phoneInput ? phoneInput.value.trim() : ''; me.wechat = wechatInput ? wechatInput.value.trim() : ''; localStorage.setItem('anxin-my-profile', JSON.stringify(me)); applyMe(); familyUpdateProfile({ name: me.name, phone: me.phone, wechat: me.wechat }); [nameInput, phoneInput, wechatInput].forEach(function (input) { if (input) { input.readOnly = true; input.classList.add('locked-input'); } }); var editButton = document.querySelector('[data-edit-me-button]'); var saveButton = document.querySelector('[data-save-me]'); if (editButton) editButton.hidden = false; if (saveButton) saveButton.hidden = true; var hint = document.querySelector('[data-save-me-hint]'); if (hint) { hint.hidden = false; setTimeout(function () { hint.hidden = true; }, 1200); } } function saveMeAvatar(dataUrl) { var me = loadMe(); me.avatar = dataUrl; localStorage.setItem('anxin-my-profile', JSON.stringify(me)); applyMe(); familyUpdateProfile({ avatar: me.avatar }); var hint = document.querySelector('[data-save-me-hint]'); if (hint) { hint.hidden = false; hint.textContent = '头像已更换'; setTimeout(function () { hint.hidden = true; hint.textContent = '已保存'; }, 1400); } } function compressImage(file, done) { if (!file) return; var img = new Image(); var url = URL.createObjectURL(file); var finish = function () { try { var max = 256; var scale = Math.min(1, max / Math.max(img.width, img.height)); var canvas = document.createElement('canvas'); canvas.width = Math.max(1, Math.round(img.width * scale)); canvas.height = Math.max(1, Math.round(img.height * scale)); canvas.getContext('2d').drawImage(img, 0, 0, canvas.width, canvas.height); done(canvas.toDataURL('image/jpeg', 0.82)); } catch (err) {} URL.revokeObjectURL(url); }; img.onload = finish; img.onerror = function () { var reader = new FileReader(); reader.onload = function () { img.onload = finish; img.src = String(reader.result || ''); }; reader.readAsDataURL(file); }; img.src = url; } function compressAlbumImage(file, done) { if (!file) return; var img = new Image(); var url = URL.createObjectURL(file); img.onload = function () { var max = 1280; var scale = Math.min(1, max / Math.max(img.width, img.height)); var canvas = document.createElement('canvas'); canvas.width = Math.max(1, Math.round(img.width * scale)); canvas.height = Math.max(1, Math.round(img.height * scale)); canvas.getContext('2d').drawImage(img, 0, 0, canvas.width, canvas.height); URL.revokeObjectURL(url); done(canvas.toDataURL('image/jpeg', 0.8)); }; img.onerror = function () { URL.revokeObjectURL(url); alert('这张照片无法读取'); }; img.src = url; } function applyProfile() { var data = {}; try { data = JSON.parse(localStorage.getItem('anxin-people-profile') || '{}'); } catch (err) { data = {}; } Object.keys(data).forEach(function (id) { var item = data[id] || {}; var name = item.name || ''; var phone = item.phone || ''; var note = item.note || ''; var initials = name.trim().slice(-1) || '安'; document.querySelectorAll('[data-person-name="' + id + '"]').forEach(function (el) { el.textContent = name; }); document.querySelectorAll('[data-person-phone="' + id + '"]').forEach(function (el) { el.textContent = phone; el.hidden = !phone; }); document.querySelectorAll('[data-person-note="' + id + '"]').forEach(function (el) { el.textContent = note; el.hidden = !note; }); document.querySelectorAll('[data-person-initials="' + id + '"]').forEach(function (el) { el.textContent = initials; }); var nameInput = document.querySelector('[data-edit-name="' + id + '"]'); var phoneInput = document.querySelector('[data-edit-phone="' + id + '"]'); var noteInput = document.querySelector('[data-edit-note="' + id + '"]'); if (nameInput && name) nameInput.value = name; if (phoneInput) phoneInput.value = phone; if (noteInput) noteInput.value = note; }); } function savePerson(id) { var nameInput = document.querySelector('[data-edit-name="' + id + '"]'); var phoneInput = document.querySelector('[data-edit-phone="' + id + '"]'); var noteInput = document.querySelector('[data-edit-note="' + id + '"]'); if (!nameInput) return; var name = nameInput.value.trim() || '未命名'; var phone = phoneInput ? phoneInput.value.trim() : ''; var note = noteInput ? noteInput.value.trim() : ''; var data = {}; try { data = JSON.parse(localStorage.getItem('anxin-people-profile') || '{}'); } catch (err) { data = {}; } data[id] = { name: name, phone: phone, note: note }; localStorage.setItem('anxin-people-profile', JSON.stringify(data)); applyProfile(); var saved = document.querySelector('[data-save-hint="' + id + '"]'); if (saved) { saved.hidden = false; setTimeout(function () { saved.hidden = true; }, 1200); } } document.addEventListener( 'click', function (event) { var target = event.target; if (!target || !target.closest) return; var saveMeBtn = target.closest('[data-save-me]'); if (saveMeBtn) { event.preventDefault(); saveMe(); return; } if (target.closest('[data-enable-phone-steps]')) { event.preventDefault(); var stepStatus = document.querySelector('[data-step-sync-status]'); if (stepStatus) stepStatus.textContent = '正在检查权限和计步器…'; if (window.AnxinNative && window.AnxinNative.requestStepPermission) window.AnxinNative.requestStepPermission(); else alert('手机计步需要在最新版安心AI中开启'); return; } if (target.closest('[data-connect-wearable]')) { event.preventDefault(); appConfirm('请先在手机蓝牙设置中连接手环或手表。连接成功后，回到安心AI即可继续同步健康数据。').then(function (ok) { if (!ok) return; if (window.AnxinNative && window.AnxinNative.openBluetoothSettings) window.AnxinNative.openBluetoothSettings(); else alert('请打开手机“设置 → 蓝牙”，连接您的手环或手表。'); }); return; } if (target.closest('[data-logout]')) { event.preventDefault(); appConfirm('确定退出登录吗？\n退出后可用其他手机号重新登录。').then(function (ok) { if (!ok) return; logoutAccount(); }); return; } if (target.closest('[data-open-guard-settings]')) { event.preventDefault(); if (window.AnxinNative && window.AnxinNative.openGuardSettings) { window.AnxinNative.openGuardSettings(); return; } appConfirm('请按顺序完成：\n① 允许通知\n② 电池不限制\n③ 打开自启动\n④ 允许后台活动\n\n设置完后，再在最近任务里锁定安心AI。').then(function () {}); return; } if (target.closest('[data-edit-me-button]')) { event.preventDefault(); var editInput = document.querySelector('[data-edit-me="name"]'); var editButton = document.querySelector('[data-edit-me-button]'); var saveButton = document.querySelector('[data-save-me]'); document.querySelectorAll('[data-edit-me]').forEach(function (input) { input.readOnly = false; input.classList.remove('locked-input'); }); if (editInput) editInput.focus(); if (editButton) editButton.hidden = true; if (saveButton) saveButton.hidden = false; return; } var contactShare = target.closest('[data-contact-share]'); if (contactShare) { event.preventDefault(); var kind = contactShare.getAttribute('data-contact-share'); var me = loadMe(); var on = !contactShare.classList.contains('on'); if (kind === 'phone' && on && !me.phone) return alert('请先点击编辑，填写手机号码并保存'); if (kind === 'wechat' && on && !me.wechat) return alert('请先点击编辑，填写微信号并保存'); if (kind === 'phone') me.sharePhone = on; else me.shareWechat = on; localStorage.setItem('anxin-my-profile', JSON.stringify(me)); applyMe(); familyUpdateProfile(kind === 'phone' ? { sharePhone: on } : { shareWechat: on }); return; } if (target.closest('[data-location-share]')) { event.preventDefault(); var locationMe = loadMe(); if (locationMe.shareLocation) { locationMe.shareLocation = false; localStorage.setItem('anxin-my-profile', JSON.stringify(locationMe)); applyMe(); familyUpdateProfile({ shareLocation: false }); return; } if (window.AnxinNative && window.AnxinNative.requestLocation) window.AnxinNative.requestLocation(); else if (navigator.geolocation) navigator.geolocation.getCurrentPosition(function (pos) { window.AnxinLocationResult(pos.coords.latitude, pos.coords.longitude, pos.coords.accuracy); }, window.AnxinLocationError, { enableHighAccuracy: true, timeout: 15000 }); else alert('这部手机暂不支持定位'); return; } if (target.closest('[data-create-album-folder]')) { event.preventDefault(); appPrompt('新建相册', currentAlbumRoot === 'family' ? '家人回忆' : '我的照片', '请输入相册名称').then(function (folderName) { if (!folderName) return; var folderSession = session(); fetch('/api/family', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'create-album-folder', token: folderSession && folderSession.token, name: folderName, kind: currentAlbumRoot === 'family' ? 'family' : 'personal' }) }) .then(function (res) { return res.json(); }).then(function (data) { if (data.error) return alert(data.error); loadAlbum(); }); }); return; } var albumRoot = target.closest('[data-open-album-root]'); if (albumRoot) { event.preventDefault(); currentAlbumRoot = albumRoot.getAttribute('data-open-album-root'); currentAlbumFolder = null; loadAlbum(); return; } if (target.closest('[data-album-back]')) { event.preventDefault(); if (currentAlbumFolder && (currentAlbumRoot === 'personal' || currentAlbumRoot === 'family')) currentAlbumFolder = null; else { currentAlbumFolder = null; currentAlbumRoot = null; } loadAlbum(); return; } var folderButton = target.closest('[data-open-album-folder]'); if (folderButton) { event.preventDefault(); currentAlbumFolder = { id: folderButton.getAttribute('data-open-album-folder'), name: folderButton.getAttribute('data-album-folder-name') || '相册' }; loadAlbum(); return; } var renameFolder = target.closest('[data-rename-album-folder]'); if (renameFolder) { event.preventDefault(); event.stopPropagation(); var oldFolderName = renameFolder.getAttribute('data-album-folder-name') || ''; appPrompt('修改相册名称', oldFolderName, '请输入新的相册名称').then(function (name) { if (!name || name === oldFolderName) return; var renameSession = session(); fetch('/api/family', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'rename-album-folder', token: renameSession && renameSession.token, folderId: renameFolder.getAttribute('data-rename-album-folder'), name: name }) }) .then(function (res) { return res.json(); }).then(function (data) { if (data.error) alert(data.error); else loadAlbum(); }); }); return; } if (target.closest('[data-pick-album-photo]')) { event.preventDefault(); var albumPicker = document.querySelector('[data-album-photo]'); if (albumPicker) albumPicker.click(); return; } var folderLock = target.closest('[data-toggle-album-lock]'); if (folderLock) { event.preventDefault(); event.stopPropagation(); var albumSession = session(); fetch('/api/family', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'set-album-folder-lock', token: albumSession && albumSession.token, folderId: folderLock.getAttribute('data-toggle-album-lock'), locked: folderLock.getAttribute('data-album-locked') !== '1' }) }) .then(function (res) { return res.json(); }).then(function (data) { if (data.error) alert(data.error); else loadAlbum(); }); return; } var visOpen = target.closest('[data-post-visibility-open]'); if (visOpen) { event.preventDefault(); var visInput = visOpen.closest('form').querySelector('[data-post-visibility-input]'); var current = visInput ? (visInput.value || 'all') : 'all'; openPostVisibilitySheet(current, function (id) { if (visInput) visInput.value = id; var btn = visOpen.querySelector('[data-post-visibility-value]'); if (btn) btn.textContent = postVisibilityLabel(id); }); return; } var deletePost = target.closest('[data-delete-post]'); if (deletePost) { event.preventDefault(); var postId = deletePost.getAttribute('data-delete-post'); appConfirm('确定删除这条动态吗？删除后不可恢复。').then(function (ok) { if (!ok) return; var current = session(); fetch('/api/family', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'delete-family-post', token: current && current.token, postId: postId }), }).then(function (res) { return res.json(); }).then(function (data) { if (data.error) return alert(data.error); loadFamilyFeed(); }).catch(function () { alert('删除失败，请重试'); }); }); return; } var editVisibility = target.closest('[data-post-visibility-edit]'); if (editVisibility) { event.preventDefault(); var currentVis = editVisibility.getAttribute('data-post-visibility-current') || 'all'; var postIdToEdit = editVisibility.getAttribute('data-post-visibility-edit'); openPostVisibilitySheet(currentVis, function (next) { if (next === currentVis) return; var current = session(); fetch('/api/family', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'update-family-post-visibility', token: current && current.token, postId: postIdToEdit, visibility: next }), }).then(function (res) { return res.json(); }).then(function (data) { if (data.error) return alert(data.error); loadFamilyFeed(); }).catch(function () { alert('修改失败，请重试'); }); }); return; } var postEmojiOption = target.closest('[data-post-emoji-option]'); if (postEmojiOption) { event.preventDefault(); var emojiForm = postEmojiOption.closest('form'); var emojiField = emojiForm && emojiForm.querySelector('textarea[name="text"], input[name="text"]'); if (emojiField) { var emojiText = postEmojiOption.textContent || ''; var start = typeof emojiField.selectionStart === 'number' ? emojiField.selectionStart : emojiField.value.length; var end = typeof emojiField.selectionEnd === 'number' ? emojiField.selectionEnd : start; emojiField.value = emojiField.value.slice(0, start) + emojiText + emojiField.value.slice(end); emojiField.focus(); if (emojiField.setSelectionRange) emojiField.setSelectionRange(start + emojiText.length, start + emojiText.length); } return; } var postEmojiToggle = target.closest('[data-post-emoji-toggle]'); if (postEmojiToggle) { event.preventDefault(); var pickerForm = postEmojiToggle.closest('form'); var openedPicker = pickerForm && pickerForm.querySelector('[data-post-emoji-picker]'); document.querySelectorAll('[data-post-emoji-picker]').forEach(function (item) { var owner = item.closest('form'); if (owner) owner.classList.remove('emoji-open'); item.remove(); }); if (openedPicker || !pickerForm) return; var picker = document.createElement('div'); picker.className = 'post-emoji-picker'; picker.setAttribute('data-post-emoji-picker', ''); picker.innerHTML = '😀 😄 😆 😊 🙂 😉 😍 🥰 😘 😋 😎 🤗 🤔 😴 😢 😭 😤 😡 👍 👏 🙌 💪 🙏 ❤️ 💕 🌹 🎉 ✨ ⭐ ☕ 🍜 🍎 🏃 🚶 🏠 🌞 🌙 ✅'.split(' ').map(function (emoji) { return ''; }).join(''); var actions = pickerForm.querySelector('.post-compose-actions, .post-comment-row'); if (actions && actions.parentNode === pickerForm) actions.insertAdjacentElement('afterend', picker); else pickerForm.appendChild(picker); pickerForm.classList.add('emoji-open'); setTimeout(function () { try { picker.scrollIntoView({ block: 'nearest', behavior: 'smooth' }); } catch (err) {} }, 30); return; } if (!target.closest('[data-post-emoji-picker]')) { document.querySelectorAll('[data-post-emoji-picker]').forEach(function (item) { var owner = item.closest('form'); if (owner) owner.classList.remove('emoji-open'); item.remove(); }); } var feedFilter = target.closest('[data-feed-filter]'); if (feedFilter) { event.preventDefault(); familyFeedFilter = feedFilter.getAttribute('data-feed-filter') || 'all'; var selectedBody = document.querySelector('[data-feed-body="' + familyFeedFilter + '"]'); var wasOpen = selectedBody && !selectedBody.hidden; document.querySelectorAll('[data-feed-body]').forEach(function (body) { body.hidden = body !== selectedBody || wasOpen; }); document.querySelectorAll('[data-feed-toggle]').forEach(function (button) { button.classList.toggle('active', button === feedFilter && !wasOpen); }); if (!wasOpen) loadFamilyFeed(); return; } var replyComment = target.closest('[data-reply-comment]'); if (replyComment) { event.preventDefault(); var commentsBox = replyComment.closest('[data-post-comments]'); if (!commentsBox) return; var form = commentsBox.querySelector('[data-post-comment-form]'); if (!form) return; var replyInput = form.querySelector('input[name="replyToId"]'); var hint = form.querySelector('[data-reply-hint]'); var textInput = form.querySelector('input[name="text"]'); if (replyInput) replyInput.value = replyComment.getAttribute('data-reply-comment') || ''; if (hint) { hint.hidden = false; hint.innerHTML = '回复 ' + escapeHtml(replyComment.getAttribute('data-reply-name') || '家人') + ' '; } if (textInput) { textInput.placeholder = '回复 ' + (replyComment.getAttribute('data-reply-name') || '家人') + '…'; textInput.focus(); } return; } if (target.closest('[data-cancel-reply]')) { event.preventDefault(); var cancelForm = target.closest('[data-post-comment-form]'); if (!cancelForm) return; var cancelReply = cancelForm.querySelector('input[name="replyToId"]'); var cancelHint = cancelForm.querySelector('[data-reply-hint]'); var cancelText = cancelForm.querySelector('input[name="text"]'); if (cancelReply) cancelReply.value = ''; if (cancelHint) { cancelHint.hidden = true; cancelHint.innerHTML = ''; } if (cancelText) cancelText.placeholder = '写评论…'; return; } var albumItem = target.closest('[data-view-album]'); if (albumItem) { event.preventDefault(); if (albumLongPressTriggered) { albumLongPressTriggered = false; return; } albumViewerItems = Array.prototype.slice.call(document.querySelectorAll('[data-view-album]')); albumViewerIndex = Math.max(0, albumViewerItems.indexOf(albumItem)); var viewer = document.createElement('div'); viewer.className = 'album-viewer'; viewer.setAttribute('data-album-viewer', ''); viewer.innerHTML = ' 家人照片

'; document.body.appendChild(viewer); updateAlbumViewer(); var startX = 0; viewer.addEventListener('touchstart', function (event) { startX = event.changedTouches[0].clientX; }, { passive: true }); viewer.addEventListener('touchend', function (event) { var delta = event.changedTouches[0].clientX - startX; if (Math.abs(delta) < 45) return; if (delta < 0 && albumViewerIndex < albumViewerItems.length - 1) { albumViewerIndex += 1; updateAlbumViewer(); } if (delta > 0 && albumViewerIndex > 0) { albumViewerIndex -= 1; updateAlbumViewer(); } }, { passive: true }); return; } if (target.closest('[data-close-album-viewer]')) { event.preventDefault(); var albumViewer = document.querySelector('[data-album-viewer]'); if (albumViewer) albumViewer.remove(); return; } var deleteAlbum = target.closest('[data-delete-album]'); if (deleteAlbum) { event.preventDefault(); var currentViewerPhoto = albumViewerItems[albumViewerIndex]; var deletingId = deleteAlbum.getAttribute('data-delete-album') || (currentViewerPhoto && currentViewerPhoto.getAttribute('data-view-album')); appConfirm('确定删除这张照片吗？').then(function (ok) { if (!ok) return; var currentAlbumSession = session(); fetch('/api/family', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'delete-album-photo', token: currentAlbumSession && currentAlbumSession.token, photoId: deletingId }), }).then(function (res) { return res.json(); }).then(function (data) { if (data.error) return alert(data.error); var openViewer = document.querySelector('[data-album-viewer]'); if (openViewer) openViewer.remove(); loadAlbum(); }); }); return; } var save = target.closest('[data-save-person]'); if (save) { event.preventDefault(); savePerson(save.getAttribute('data-save-person')); return; } var nav = target.closest('[data-nav]'); if (nav) { event.preventDefault(); event.stopPropagation(); showPage(nav.getAttribute('data-nav')); return; } var chat = target.closest('[data-open-chat]'); if (chat) { event.preventDefault(); event.stopPropagation(); openChat(chat.getAttribute('data-open-chat')); return; } if (target.closest('[data-manage-focus]')) { event.preventDefault(); var members = latestFamilyView && latestFamilyView.members || []; if (!members.length) { alert('还没有家人联系人'); return; } var currentIds = Array.isArray(latestFamilyView.me && latestFamilyView.me.focusMemberIds) ? latestFamilyView.me.focusMemberIds.slice() : members.slice(0, 2).map(function (item) { return item.id; }); var names = members.map(function (item, index) { return (index + 1) + '、' + item.name + (currentIds.indexOf(item.id) >= 0 ? '（已选）' : ''); }).join('\n'); appPrompt('管理特别关心', '', '输入家人序号，例如：1,2').then(function (value) { if (value == null) return; var ids = String(value).split(/[,，\s]+/).map(function (part) { return Number(part) - 1; }).filter(function (index, pos, list) { return index >= 0 && index < members.length && list.indexOf(index) === pos; }).slice(0, 2).map(function (index) { return members[index].id; }); familyUpdateProfile({ focusMemberIds: ids }); }); setTimeout(function () { var dialogText = document.querySelector('.app-dialog>p'); if (dialogText) dialogText.textContent = '最多选择两位。家人列表：\n' + names; }, 0); return; } var confirmUnfocus = target.closest('[data-confirm-unfocus]'); if (confirmUnfocus) { event.preventDefault(); event.stopPropagation(); var unfocusId = confirmUnfocus.getAttribute('data-confirm-unfocus'); appConfirm('确定取消特别关心吗？取消后，这位家人将不再显示在首页。').then(function (ok) { if (ok) toggleFocusMember(unfocusId); }); return; } var focusButton = target.closest('[data-toggle-focus-member]'); if (focusButton) { event.preventDefault(); event.stopPropagation(); toggleFocusMember(focusButton.getAttribute('data-toggle-focus-member')); return; } var accessButton = target.closest('[data-viewer-access]'); if (accessButton) { event.preventDefault(); event.stopPropagation(); var viewerId = accessButton.getAttribute('data-viewer-access'); var allow = accessButton.getAttribute('data-access-on') !== '1'; appConfirm(allow ? '确定允许这位家人查看你的设备在线、电量、健康数据和你主动公开的定位、电话及微信吗？你可以随时取消。' : '确定取消授权吗？取消后，对方只能与你聊天，不能再查看你的关怀信息。').then(function (ok) { if (!ok) return; var current = session(); fetch('/api/family', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'set-viewer-access', token: current && current.token, viewerId: viewerId, allow: allow }) }) .then(function (res) { return res.json(); }).then(function (data) { if (data.error) throw new Error(data.error); saveSession(data); }) .catch(function (err) { alert(err.message || '设置失败，请重试'); }); }); return; } var requestAccess = target.closest('[data-request-access]'); if (requestAccess) { event.preventDefault(); event.stopPropagation(); if (requestAccess.getAttribute('data-requested') === '1') { alert('查看申请已经发出，请等待对方同意。'); return; } appConfirm('向对方申请查看设备在线、电量和健康等关怀信息吗？只有对方亲自同意后才能看到。').then(function (ok) { if (!ok) return; var current = session(); fetch('/api/family', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'request-viewer-access', token: current && current.token, targetId: requestAccess.getAttribute('data-request-access') }) }) .then(function (res) { return res.json(); }).then(function (data) { if (data.error) throw new Error(data.error); saveSession(data); alert('申请已发送，等待对方同意'); }) .catch(function (err) { alert(err.message || '申请失败，请重试'); }); }); return; } var liveChat = target.closest('[data-open-live-chat]'); if (liveChat) { event.preventDefault(); openCloudChat(liveChat.getAttribute('data-open-live-chat'), liveChat.getAttribute('data-live-name') || '家人', liveChat.getAttribute('data-live-initials') || '家'); return; } var familyProfileButton = target.closest('[data-open-family-profile]'); if (familyProfileButton) { event.preventDefault(); var personId = familyProfileButton.getAttribute('data-open-family-profile'); var person = latestFamilyView && (latestFamilyView.members || []).find(function (item) { return item.id === personId; }); if (person) openFamilyProfile(person); return; } var callContact = target.closest('[data-call-contact]'); if (callContact) { event.preventDefault(); event.stopPropagation(); var callName = callContact.getAttribute('data-contact-name') || '对方'; var callPhone = callContact.getAttribute('data-call-contact') || ''; appConfirm('确定拨打' + callName + '的电话吗？\n' + callPhone).then(function (ok) { if (ok && callPhone) window.location.href = 'tel:' + callPhone.replace(/\s+/g, ''); }); return; } var wechatContact = target.closest('[data-open-wechat-contact]'); if (wechatContact) { event.preventDefault(); event.stopPropagation(); var wechatName = wechatContact.getAttribute('data-contact-name') || '对方'; var wechatId = wechatContact.getAttribute('data-open-wechat-contact') || ''; appConfirm('确定打开微信吗？\n' + wechatName + '的微信号：' + wechatId + '\n打开微信后可搜索这个微信号。').then(function (ok) { if (!ok) return; if (window.AnxinNative && window.AnxinNative.openWechat) window.AnxinNative.openWechat(); else window.location.href = 'weixin://'; }); return; } var locationButton = target.closest('[data-open-location]'); if (locationButton) { event.preventDefault(); var mapUrl = locationButton.getAttribute('data-location-url') || ''; var locationName = locationButton.getAttribute('data-location-name') || '家人'; var locationTime = locationButton.getAttribute('data-location-time') || ''; var locationLat = Number(locationButton.getAttribute('data-location-lat')); var locationLon = Number(locationButton.getAttribute('data-location-lon')); if (window.AnxinNative && window.AnxinNative.openInstalledMap && isFinite(locationLat) && isFinite(locationLon)) { try { if (window.AnxinNative.openInstalledMap(locationLat, locationLon, locationName)) return; } catch (err) {} } if (mapUrl) openLocationPanel(locationName, locationTime, mapUrl); return; } if (target.closest('[data-close-family-profile]')) { event.preventDefault(); var familyProfilePanel = document.querySelector('[data-family-profile]'); if (familyProfilePanel) familyProfilePanel.remove(); return; } var openGroup = target.closest('[data-open-family-group]'); if (openGroup) { event.preventDefault(); openCloudChat('group:' + openGroup.getAttribute('data-open-family-group'), openGroup.getAttribute('data-group-name') || '家庭群', '群'); return; } if (target.closest('[data-create-family-group]')) { event.preventDefault(); openGroupCreator(); return; } var acceptContact = target.closest('[data-accept-contact]'); if (acceptContact) { event.preventDefault(); respondContact(acceptContact.getAttribute('data-accept-contact'), true); return; } var rejectContact = target.closest('[data-reject-contact]'); if (rejectContact) { event.preventDefault(); respondContact(rejectContact.getAttribute('data-reject-contact'), false); return; } if (target.closest('[data-add-friend]')) { event.preventDefault(); setHidden(document.querySelector('[data-invite]'), false); var phoneField = document.querySelector('[data-add-contact-form] input[name="phone"]'); if (phoneField) phoneField.focus(); return; } if (target.closest('[data-create-friend-group]')) { event.preventDefault(); alert('好友群功能正在完善中，开放后可创建只支持聊天和语音的好友群。'); return; } var contactToggle = target.closest('[data-toggle-contact-section]'); if (contactToggle) { event.preventDefault(); var section = document.querySelector('[data-contact-section="' + contactToggle.getAttribute('data-toggle-contact-section') + '"]'); if (section) { section.hidden = !section.hidden; contactToggle.classList.toggle('closed', section.hidden); } var friendCard = contactToggle.getAttribute('data-toggle-contact-section') === 'friend' ? document.querySelector('.friend-empty-card') : null; if (friendCard) friendCard.hidden = section.hidden; return; } if (target.closest('[data-close-group-create]')) { event.preventDefault(); var creator = document.querySelector('[data-group-create-panel]'); if (creator) creator.remove(); return; } if (target.closest('[data-save-family-group]')) { event.preventDefault(); saveNewFamilyGroup(); return; } if (target.closest('[data-close-cloud-chat]')) { event.preventDefault(); requestCloseActiveChat(true); return; } if (target.closest('[data-pick-cloud-photo]')) { event.preventDefault(); var picker = document.querySelector('[data-cloud-photo]'); if (picker) picker.click(); return; } if (target.closest('[data-toggle-emoji]')) { event.preventDefault(); var emojiPanel = document.querySelector('[data-emoji-panel]'); if (emojiPanel) emojiPanel.hidden = !emojiPanel.hidden; return; } var emoji = target.closest('[data-chat-emoji]'); if (emoji) { event.preventDefault(); var emojiInput = document.querySelector('[data-cloud-chat-form] input[name="message"]'); if (emojiInput) { emojiInput.value += emoji.textContent; emojiInput.focus(); } var emojiPanel = document.querySelector('[data-emoji-panel]'); if (emojiPanel) emojiPanel.hidden = true; return; } if (target.closest('[data-toggle-voice]')) { event.preventDefault(); return; } var back = target.closest('[data-back-chat]'); if (back) { event.preventDefault(); showPage('messages'); return; } var detail = target.closest('[data-open-detail]'); if (detail) { event.preventDefault(); event.stopPropagation(); openDetail(detail.getAttribute('data-open-detail')); return; } var closeBtn = target.closest('[data-close-detail]'); var closeBackdrop = target.getAttribute && target.hasAttribute('data-close-backdrop'); if (closeBtn || closeBackdrop) { event.preventDefault(); document.querySelectorAll('[data-detail],[data-invite],[data-health],[data-feed]').forEach(function (el) { setHidden(el, true); }); return; } var feed = target.closest('[data-open-feed]'); if (feed) { event.preventDefault(); document.querySelectorAll('[data-detail],[data-invite],[data-health]').forEach(function (el) { setHidden(el, true); }); document.querySelectorAll('[data-feed]').forEach(function (el) { setHidden(el, el.getAttribute('data-feed') !== feed.getAttribute('data-open-feed')); }); return; } var play = target.closest('[data-play-video]'); if (play) { event.preventDefault(); play.classList.toggle('on'); var mark = play.querySelector('b'); if (mark) mark.textContent = play.classList.contains('on') ? 'Ⅱ' : '▷'; return; } var health = target.closest('[data-open-health]'); if (health) { event.preventDefault(); document.querySelectorAll('[data-detail],[data-invite],[data-feed]').forEach(function (el) { setHidden(el, true); }); document.querySelectorAll('[data-health]').forEach(function (el) { setHidden(el, el.getAttribute('data-health') !== health.getAttribute('data-open-health')); }); return; } var check = target.closest('[data-check]'); if (check) { event.preventDefault(); var key = check.getAttribute('data-check'); var healthData = loadHealth(); healthData[key] = !healthData[key]; saveHealth(healthData); applyChecks(healthData); return; } var invite = target.closest('[data-open-invite]'); if (invite) { event.preventDefault(); setHidden(document.querySelector('[data-invite]'), false); return; } var copy = target.closest('[data-copy-invite]'); if (copy) { event.preventDefault(); var text = inviteText(); if (navigator.clipboard && navigator.clipboard.writeText) { navigator.clipboard.writeText(text); } copy.textContent = '已复制'; setTimeout(function () { copy.textContent = '复制邀请'; }, 1200); return; } var createDeviceLinkButton = target.closest('[data-create-device-link]'); if (createDeviceLinkButton) { event.preventDefault(); createDeviceLinkButton.disabled = true; createDeviceLinkButton.textContent = '正在生成…'; createDeviceLink().then(function (data) { createDeviceLinkButton.disabled = false; createDeviceLinkButton.textContent = '重新生成'; if (data.error) { alert(data.error); return; } var result = document.querySelector('[data-device-link-result]'); var code = document.querySelector('[data-device-link-code]'); if (code) code.textContent = data.code || '------'; if (result) setHidden(result, false); }).catch(function () { createDeviceLinkButton.disabled = false; createDeviceLinkButton.textContent = '绑定新手机'; alert('绑定码生成失败，请重试'); }); return; } if (target.closest('[data-show-device-link-form]')) { event.preventDefault(); var inlineLinkForm = document.querySelector('[data-inline-device-link]'); if (inlineLinkForm) { inlineLinkForm.hidden = !inlineLinkForm.hidden; if (!inlineLinkForm.hidden) { var codeInput = inlineLinkForm.querySelector('input[name="code"]'); if (codeInput) codeInput.focus(); } } return; } var mood = target.closest('[data-mood]'); if (mood) { event.preventDefault(); localStorage.setItem('anxin-my-mood', mood.getAttribute('data-mood') || 'free'); applyMood(); familyUpdateProfile({ mood: localStorage.getItem('anxin-my-mood') || 'free' }); try { mood.blur(); } catch (err) {} return; } if (target.closest('[data-my-gender-picker]')) { event.preventDefault(); var oldGender = document.querySelector('[data-gender-picker-panel]'); if (oldGender) oldGender.remove(); var genderPanel = document.createElement('div'); genderPanel.className = 'app-dialog-backdrop'; genderPanel.setAttribute('data-gender-picker-panel', ''); genderPanel.innerHTML = '

安

选择性别

用于完善健康资料，默认仅自己可见。

'; document.body.appendChild(genderPanel); return; } var genderChoice = target.closest('[data-pick-gender]'); if (genderChoice) { event.preventDefault(); var health = loadHealth(); health.gender = genderChoice.getAttribute('data-pick-gender') || ''; saveHealth(health); applyGender(health.gender); var gp = document.querySelector('[data-gender-picker-panel]'); if (gp) gp.remove(); return; } if (target.closest('[data-close-gender]')) { event.preventDefault(); var cp = document.querySelector('[data-gender-picker-panel]'); if (cp) cp.remove(); return; } var sw = target.closest('[data-switch]'); if (sw) { event.preventDefault(); var on = sw.classList.toggle('on'); sw.setAttribute('aria-pressed', on ? 'true' : 'false'); var loc = sw.getAttribute('data-switch'); if (loc === 'large-text') { localStorage.setItem('anxin-large-text', on ? '1' : '0'); document.documentElement.classList.toggle('large-text', on); } if (loc && loc.indexOf('loc-') === 0) { var id = loc.slice(4); document.querySelectorAll('[data-loc-off="' + id + '"]').forEach(function (el) { setHidden(el, on); }); document.querySelectorAll('[data-loc-on="' + id + '"]').forEach(function (el) { setHidden(el, !on); }); } } }, true ); function handleAvatarFile(event) { var avatarFile = event.target && event.target.matches && event.target.matches('[data-avatar-file]') ? event.target : null; if (avatarFile && avatarFile.files && avatarFile.files[0]) { var picked = avatarFile.files[0]; avatarFile.value = ''; compressImage(picked, saveMeAvatar); return true; } return false; } document.addEventListener('click', function (event) { var savedMetric = event.target && event.target.closest ? event.target.closest('[data-my-height].metric-saved, [data-my-weight].metric-saved') : null; if (savedMetric) { event.preventDefault(); unlockBodyMetric(savedMetric); } }, true); document.addEventListener('keydown', function (event) { var bodyMetric = event.target && event.target.closest ? event.target.closest('[data-my-height],[data-my-weight]') : null; if (!bodyMetric) return; if (event.key === 'Enter') { event.preventDefault(); saveBodyMetricInput(bodyMetric); } }, true); document.addEventListener('pointerdown', function (event) { var button = event.target && event.target.closest ? event.target.closest('[data-toggle-voice]') : null; if (!button || voicePressing || voiceRecording) return; event.preventDefault(); voiceSessionId += 1; voiceResultHandled = true; voicePressing = true; voiceButtonActive = button; button.classList.add('recording'); button.textContent = '松开发送'; if (navigator.vibrate) navigator.vibrate(20); try { button.setPointerCapture(event.pointerId); } catch (err) {} if (!window.AnxinNative || !window.AnxinNative.startVoiceRecord) { alert('语音功能需要安装最新版安心AI'); voicePressing = false; voiceButtonActive = null; button.classList.remove('recording'); button.textContent = '按住说话'; return; } window.AnxinNative.startVoiceRecord(); }, true); function releaseVoice(event) { if (!voicePressing || !voiceButtonActive) return; event.preventDefault(); voicePressing = false; voiceButtonActive = null; if (window.AnxinNative && window.AnxinNative.stopVoiceRecord && voiceRecording) window.AnxinNative.stopVoiceRecord(); } document.addEventListener('pointerup', releaseVoice, true); document.addEventListener('pointercancel', releaseVoice, true); document.addEventListener('touchend', releaseVoice, { passive: false, capture: true }); var messageLongPressTimer = null; document.addEventListener('touchstart', function (event) { var message = event.target && event.target.closest ? event.target.closest('.message.sent[data-message-id]') : null; if (!message) return; messageLongPressTimer = setTimeout(function () { appConfirm('要撤回这条消息吗？撤回后对方将看不到原内容。').then(function (ok) { if (!ok) return; var current = session(); fetch('/api/family', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'recall-message', token: current && current.token, messageId: message.getAttribute('data-message-id') }) }).then(function (res) { return res.json(); }).then(function (data) { if (data.error) alert(data.error); else loadCloudChat(true); }); }); }, 650); }, { passive: true }); document.addEventListener('touchend', function () { clearTimeout(messageLongPressTimer); }, { passive: true }); var chatEdgeSwipe = null; document.addEventListener('touchstart', function (event) { if (!document.querySelector('[data-cloud-chat], [data-pet-chat-sheet]') || !event.touches || event.touches.length !== 1) return; var touch = event.touches[0]; chatEdgeSwipe = touch.clientX <= 28 || touch.clientX >= window.innerWidth - 28 ? { x: touch.clientX, y: touch.clientY } : null; }, { passive: true }); document.addEventListener('touchend', function (event) { if (!chatEdgeSwipe || !event.changedTouches || !event.changedTouches.length) return; var touch = event.changedTouches[0]; var dx = Math.abs(touch.clientX - chatEdgeSwipe.x); var dy = Math.abs(touch.clientY - chatEdgeSwipe.y); chatEdgeSwipe = null; if (dx >= 48 && dx > dy * 1.2) requestCloseActiveChat(false); }, { passive: true }); document.addEventListener('touchmove', function () { clearTimeout(messageLongPressTimer); }, { passive: true }); var albumLongPressTimer = null; var albumLongPressTriggered = false; document.addEventListener('touchstart', function (event) { var item = event.target && event.target.closest ? event.target.closest('[data-view-album]') : null; if (!item) return; albumLongPressTriggered = false; albumLongPressTimer = setTimeout(function () { albumLongPressTriggered = true; appPrompt('编辑照片说明', item.getAttribute('data-album-caption') || '', '请输入照片说明').then(function (caption) { if (caption == null) return; var current = session(); fetch('/api/family', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'update-album-photo', token: current && current.token, photoId: item.getAttribute('data-view-album'), caption: caption }) }).then(function (res) { return res.json(); }).then(function (data) { if (data.error) alert(data.error); else loadAlbum(); }); }); }, 650); }, { passive: true }); document.addEventListener('touchend', function () { clearTimeout(albumLongPressTimer); }, { passive: true }); document.addEventListener('touchmove', function () { clearTimeout(albumLongPressTimer); }, { passive: true }); document.addEventListener('change', function (event) { var photo = event.target && event.target.matches && event.target.matches('[data-cloud-photo]') ? event.target : null; if (!photo || !photo.files || !photo.files[0]) return; var file = photo.files[0]; photo.value = ''; compressImage(file, function (dataUrl) { var photoNode = showPendingCloudMessage('', dataUrl); sendCloudChat('', dataUrl).then(function (data) { finishCloudSend(data, photoNode); }).catch(function () { finishCloudSend({ error: '网络连接失败' }, photoNode); }); }); }, true); document.addEventListener('change', function (event) { var input = event.target && event.target.matches && event.target.matches('[data-family-post-photos]') ? event.target : null; if (!input) return; pendingPostFiles = Array.prototype.slice.call(input.files || [], 0, 9); var count = document.querySelector('[data-post-photo-count]'); if (count) count.textContent = pendingPostFiles.length ? '已选' + pendingPostFiles.length + '张' : '最多9张'; }, true); document.addEventListener('change', function (event) { var input = event.target && event.target.matches && event.target.matches('[data-album-photo]') ? event.target : null; if (!input || !input.files || !input.files[0]) return; var file = input.files[0]; input.value = ''; appPrompt('照片说明', '', '可以写一句话，也可以留空').then(function (caption) { if (caption == null) return; compressAlbumImage(file, function (image) { var current = session(); if (!current || !current.token) return alert('请先创建或加入家庭'); fetch('/api/family', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'add-album-photo', token: current.token, image: image, caption: caption, folderId: currentAlbumFolder ? currentAlbumFolder.id : 'default' }), }).then(function (res) { return res.json(); }).then(function (data) { if (data.error) return alert(data.error); loadAlbum(); }).catch(function () { alert('照片上传失败，请重试'); }); }); }); }, true); document.addEventListener( 'change', function (event) { if (handleAvatarFile(event)) return; var age = event.target.closest && event.target.closest('[data-my-age]'); if (age) { var n = Math.min(120, Math.max(1, Number(age.value) || 45)); age.value = n; var healthData = loadHealth(); healthData.age = n; saveHealth(healthData); applyAge(n); return; } var bodyMetric = event.target.closest && event.target.closest('[data-my-height],[data-my-weight]'); if (bodyMetric) { saveBodyMetricInput(bodyMetric); return; } var sleep = event.target.closest && event.target.closest('[data-sleep-hours]'); if (sleep) { var healthData = loadHealth(); healthData.sleepHours = sleep.value; saveHealth(healthData); } }, true ); document.addEventListener( 'submit', function (event) { var postForm = event.target.closest('[data-family-post-form]'); if (postForm) { event.preventDefault(); var postText = String(new FormData(postForm).get('text') || '').trim(); if (!postText && !pendingPostFiles.length) return alert('写点内容或选择照片'); var submit = postForm.querySelector('button[type="submit"]'); submit.disabled = true; submit.textContent = '发表中…'; Promise.all(pendingPostFiles.map(function (file) { return new Promise(function (resolve) { compressAlbumImage(file, resolve); }); })).then(function (images) { var current = session(); var visibility = String(new FormData(postForm).get('visibility') || 'all'); return fetch('/api/family', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'add-family-post', token: current && current.token, text: postText, mood: localStorage.getItem('anxin-my-mood') || 'free', images: images, visibility: visibility }), }).then(function (res) { return res.json(); }); }).then(function (data) { submit.disabled = false; submit.textContent = '发表'; if (data.error) return alert(data.error); postForm.reset(); pendingPostFiles = []; var visReset = postForm.querySelector('[data-post-visibility-value]'); if (visReset) visReset.textContent = '全部可见'; var count = document.querySelector('[data-post-photo-count]'); if (count) count.textContent = '0/9'; loadFamilyFeed(true); submit.textContent = '已发表'; window.setTimeout(function () { submit.textContent = '发表'; }, 1800); }).catch(function () { submit.disabled = false; submit.textContent = '发表'; alert('发表失败，请重试'); }); return; } var commentForm = event.target.closest('[data-post-comment-form]'); if (commentForm) { event.preventDefault(); var commentText = String(new FormData(commentForm).get('text') || '').trim(); if (!commentText) return alert('请输入评论内容'); var commentSubmit = commentForm.querySelector('button[type="submit"]'); var replyToId = String(new FormData(commentForm).get('replyToId') || '').trim(); var postId = commentForm.getAttribute('data-post-id'); commentSubmit.disabled = true; var commentSession = session(); fetch('/api/family', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'add-post-comment', token: commentSession && commentSession.token, postId: postId, text: commentText, replyToId: replyToId || undefined }), }).then(function (res) { return res.json(); }).then(function (data) { commentSubmit.disabled = false; refreshFamilyPostsAfterComment(data); }).catch(function () { commentSubmit.disabled = false; alert('评论失败，请重试'); }); return; } var join = event.target.closest('[data-join-form]'); if (join) { event.preventDefault(); var code = String(new FormData(join).get('code') || '').trim(); var name = String(new FormData(join).get('name') || '').trim(); var phone = String(new FormData(join).get('phone') || '').trim(); var err = join.querySelector('[data-join-error]'); familyJoin(code, name, phone).then(function (data) { if (data.error) { if (err) { err.hidden = false; err.textContent = data.error; } return; } saveSession(data); var me = loadMe(); if (name) me.name = name; if (phone) me.phone = phone; localStorage.setItem('anxin-my-profile', JSON.stringify(me)); location.href = '/'; }); return; } var addContact = event.target.closest('[data-add-contact-form]'); if (addContact) { event.preventDefault(); var contactPhone = String(new FormData(addContact).get('phone') || '').trim(); var contactError = addContact.querySelector('[data-add-contact-error]'); var contactSubmit = addContact.querySelector('button[type="submit"]'); if (contactError) { contactError.hidden = true; contactError.textContent = ''; } if (contactSubmit) { contactSubmit.disabled = true; contactSubmit.textContent = '发送中…'; } fetch('/api/family', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'request-contact', token: session() && session().token, phone: contactPhone, kind: 'family' }), }).then(function (res) { return res.json(); }).then(function (data) { if (contactSubmit) { contactSubmit.disabled = false; contactSubmit.textContent = '发送申请'; } if (data.error) { if (contactError) { contactError.hidden = false; contactError.textContent = data.error; } else alert(data.error); return; } saveSession(data); addContact.reset(); setHidden(document.querySelector('[data-invite]'), true); alert('申请已发送，等待对方同意'); }).catch(function () { if (contactSubmit) { contactSubmit.disabled = false; contactSubmit.textContent = '发送申请'; } if (contactError) { contactError.hidden = false; contactError.textContent = '发送失败，请重试'; } }); return; } var deviceLinkForm = event.target.closest('[data-device-link-form]'); if (deviceLinkForm) { event.preventDefault(); var linkCode = String(new FormData(deviceLinkForm).get('code') || '').replace(/\D/g, ''); var linkError = deviceLinkForm.querySelector('[data-device-link-error]'); linkDevice(linkCode).then(function (data) { if (data.error) { if (linkError) { linkError.hidden = false; linkError.textContent = data.error; } return; } saveSession(data); var me = loadMe(); me.name = data.me.name; me.phone = data.me.phone || ''; me.avatar = data.me.avatar || ''; localStorage.setItem('anxin-my-profile', JSON.stringify(me)); location.href = '/'; }); return; } var cloudForm = event.target.closest('[data-cloud-chat-form]'); if (cloudForm) { event.preventDefault(); var cloudInput = cloudForm.querySelector('input[name="message"]'); var cloudText = cloudInput ? cloudInput.value.trim() : ''; if (!cloudText) return; if (cloudInput) cloudInput.value = ''; var localNode = showPendingCloudMessage(cloudText); sendCloudChat(cloudText, '').then(function (data) { finishCloudSend(data, localNode); }).catch(function () { finishCloudSend({ error: '网络连接失败' }, localNode); }); return; } var form = event.target.closest('[data-chat-form]'); if (!form) return; event.preventDefault(); var input = form.querySelector('input[name="message"]'); var text = input && input.value.trim(); if (!text) return; var list = form.parentNode.querySelector('[data-msg-box]'); if (list) { var div = document.createElement('div'); div.className = 'message sent'; div.textContent = text; list.appendChild(div); list.scrollTop = list.scrollHeight; } form.reset(); }, true ); function deviceId() { var id = localStorage.getItem('anxin-device-id'); if (!id) { id = 'd' + Math.random().toString(36).slice(2) + Date.now().toString(36); localStorage.setItem('anxin-device-id', id); } return id; } function session() { try { return JSON.parse(localStorage.getItem('anxin-session') || 'null'); } catch (err) { return null; } } function saveSession(data) { latestFamilyView = data; try { var slimMembers = (data.members || []).map(function (m) { return { id: m.id, name: m.name, phone: m.phone, wechat: m.wechat, initials: m.initials, mood: m.mood, steps: m.steps, onlineCount: m.onlineCount, petId: m.petId, petName: m.petName, avatar: m.avatar && String(m.avatar).length < 180000 ? m.avatar : '', devices: m.devices, accessGranted: m.accessGranted, accessRequestSent: m.accessRequestSent, watchConnected: m.watchConnected, shareLocation: m.shareLocation, latitude: m.latitude, longitude: m.longitude, locationAt: m.locationAt, }; }); var slimMe = data.me ? { id: data.me.id, name: data.me.name, phone: data.me.phone, wechat: data.me.wechat, sharePhone: data.me.sharePhone, shareWechat: data.me.shareWechat, shareLocation: data.me.shareLocation, latitude: data.me.latitude, longitude: data.me.longitude, locationAccuracy: data.me.locationAccuracy, locationAt: data.me.locationAt, avatar: data.me.avatar && String(data.me.avatar).length < 180000 ? data.me.avatar : '', mood: data.me.mood, petId: data.me.petId, petName: data.me.petName, focusMemberIds: data.me.focusMemberIds, devices: data.me.devices, } : null; localStorage.setItem('anxin-family-view-cache', JSON.stringify({ token: data.token, code: data.code, accountBound: data.accountBound, me: slimMe, members: slimMembers, conversations: data.conversations || [], groups: data.groups || [], contactRequests: data.contactRequests || { incoming: [], outgoing: [] }, savedAt: Date.now(), })); } catch (err) {} var pendingPetId = ''; if (data.me) { var localMe = loadMe(); localMe.name = data.me.name || localMe.name || '我'; localMe.phone = data.me.phone || ''; localMe.wechat = data.me.wechat || ''; localMe.sharePhone = !!data.me.sharePhone; localMe.shareWechat = !!data.me.shareWechat; localMe.shareLocation = !!data.me.shareLocation; localMe.latitude = data.me.latitude; localMe.longitude = data.me.longitude; localMe.locationAccuracy = data.me.locationAccuracy; localMe.locationAt = data.me.locationAt; localMe.focusMemberIds = Array.isArray(data.me.focusMemberIds) ? data.me.focusMemberIds : localMe.focusMemberIds; localMe.avatar = data.me.avatar || ''; pendingPetId = !data.me.petId && localMe.petId ? localMe.petId : ''; localMe.petId = data.me.petId || localMe.petId || ''; localMe.petName = data.me.petName || localMe.petName || ''; localStorage.setItem('anxin-my-profile', JSON.stringify(localMe)); if (data.me.mood) localStorage.setItem('anxin-my-mood', normalizeMood(data.me.mood)); applyMe(); applyMood(); } localStorage.setItem('anxin-session', JSON.stringify({ token: data.token, code: data.code, me: data.me, })); if (pendingPetId) { setTimeout(function () { familyUpdateProfile({ petId: pendingPetId }); }, 0); } showInvite(data.code); var focusIds = Array.isArray(data.me && data.me.focusMemberIds) ? data.me.focusMemberIds : (data.members || []).slice(0, 2).map(function (member) { return member.id; }); renderLivePeople((data.members || []).filter(function (member) { return focusIds.indexOf(member.id) >= 0; })); renderMyDevices((data.me && data.me.devices) || []); renderConversations(data.conversations || []); renderFamilyGroups(data.groups || []); renderContactRequests(data.contactRequests || { incoming: [], outgoing: [] }); loadAlbum(); loadFamilyFeed(); try { if (window.AnxinNative && window.AnxinNative.setSession) { window.AnxinNative.setSession(data.token, deviceId()); } } catch (err) {} } function updateAlbumViewer() { var viewer = document.querySelector('[data-album-viewer]'); var item = albumViewerItems[albumViewerIndex]; if (!viewer || !item) return; var image = viewer.querySelector('[data-album-viewer-image]'); var caption = viewer.querySelector('[data-album-viewer-caption]'); var meta = viewer.querySelector('[data-album-viewer-meta]'); var count = viewer.querySelector('[data-album-viewer-count]'); var remove = viewer.querySelector('[data-delete-album]'); if (image) image.src = item.getAttribute('data-album-src') || ''; if (caption) caption.textContent = item.getAttribute('data-album-caption') || '家人照片'; if (meta) meta.textContent = item.getAttribute('data-album-meta') || ''; if (count) count.textContent = (albumViewerIndex + 1) + ' / ' + albumViewerItems.length + '　左右滑动浏览'; if (remove) { remove.setAttribute('data-delete-album', item.getAttribute('data-view-album') || ''); remove.hidden = item.getAttribute('data-album-mine') !== '1'; } } function loadAlbum() { var current = session(); var box = document.querySelector('[data-album-list]'); if (!current || !current.token || !box) return; fetch('/api/family?album=1&token=' + encodeURIComponent(current.token)) .then(function (res) { return res.json(); }) .then(function (data) { var title = document.querySelector('[data-album-title]'); var back = document.querySelector('[data-album-back]'); var newFolder = document.querySelector('[data-create-album-folder]'); if (currentAlbumFolder) { box.className = 'album-grid album-photo-grid'; if (title) title.textContent = currentAlbumFolder.name; if (back) back.hidden = false; if (newFolder) newFolder.hidden = true; } else if (currentAlbumRoot === 'personal' || currentAlbumRoot === 'family') { box.className = 'album-grid album-folder-grid'; if (title) title.textContent = currentAlbumRoot === 'family' ? '家庭相册' : '我的相册'; if (back) back.hidden = false; if (newFolder) newFolder.hidden = true; var folders = (data.folders || []).filter(function (folder) { if (currentAlbumRoot === 'family') return folder.kind === 'family' && (folder.id !== 'default' || folder.count > 0); return folder.kind === 'personal' && folder.mine; }); box.innerHTML = folders.map(function (folder) { var cover = folder.coverPhotoId ? '/api/family?albumPhoto=' + encodeURIComponent(folder.coverPhotoId) + '&token=' + encodeURIComponent(current.token) : ''; return '

' + (folder.kind === 'personal' && folder.mine ? '' : '') + (folder.mine ? '' : '') + '

'; }).join('') + ''; return; } else { box.className = 'album-grid album-root-grid'; if (title) title.textContent = '相册'; if (back) back.hidden = true; if (newFolder) newFolder.hidden = true; var allFolders = data.folders || []; var familyFolders = allFolders.filter(function (folder) { return folder.kind === 'family'; }); var familyCount = familyFolders.reduce(function (sum, folder) { return sum + Number(folder.count || 0); }, 0); var personalFolders = allFolders.filter(function (folder) { return folder.kind === 'personal' && folder.mine; }); var personalCount = personalFolders.reduce(function (sum, folder) { return sum + Number(folder.count || 0); }, 0); box.innerHTML = '' + ''; return; } var photos = (data.photos || []).filter(function (photo) { return photo.folderId === currentAlbumFolder.id; }); if (!photos.length) { box.innerHTML = ''; return; } box.innerHTML = photos.map(function (photo) { var date = new Date(photo.createdAt).toLocaleDateString('zh-CN', { month: 'numeric', day: 'numeric' }); var src = '/api/family?albumPhoto=' + encodeURIComponent(photo.id) + '&token=' + encodeURIComponent(current.token); var caption = photo.caption || photo.memberName + '上传的照片'; var meta = photo.memberName + ' · ' + date; return '

' + (photo.mine ? '' : '') + '

'; }).join('') + ''; }).catch(function () {}); } function renderPostCommentsHtml(post) { var comments = post.comments || []; var list = comments.map(function (comment) { var when = new Date(comment.createdAt).toLocaleString('zh-CN', { month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit' }); var replyHint = comment.replyToName ? '回复 ' + escapeHtml(comment.replyToName) + '' : ''; return '

' + escapeHtml(comment.memberName || '家人') + '' + replyHint + '' + when + '

' + escapeHtml(comment.text) + '

'; }).join(''); return '

' + (list || '

还没有评论，来说两句吧

') + '

'; } function renderFamilyPostCard(post, token, options) { options = options || {}; var date = new Date(post.createdAt).toLocaleString('zh-CN', { month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit' }); var photos = (post.photos || []).map(function (photo) { var src = '/api/family?postId=' + encodeURIComponent(post.id) + '&postPhoto=' + encodeURIComponent(photo.id) + '&token=' + encodeURIComponent(token); return ' 家人动态照片

'; }).join(''); var name = options.memberName || post.memberName || '家人'; var avatarHtml = options.avatarHtml; if (!avatarHtml) { var avatar = post.memberAvatar ? ' style="background-image:url(\'' + String(post.memberAvatar).replace(/'/g, '') + '\')"' : ''; avatarHtml = '' + (post.memberAvatar ? '' : escapeHtml(String(name).slice(-1) || '家')) + ''; } var sub = options.subtitle || (date + ' · 状态：' + moodWord(post.mood)); var visibilityLabel = post.visibilityLabel || ({ all: '全部可见', family: '仅家人', friends: '仅好友', private: '仅自己' }[post.visibility || 'all'] || '全部可见'); var mineActions = post.mine ? '

' + '' + '' + '

' : '

' + escapeHtml(visibilityLabel) + '

'; return '

' + avatarHtml + '

' + escapeHtml(name) + '' + escapeHtml(sub) + '

' + (post.text ? '

' + escapeHtml(post.text) + '

' : '') + (photos ? '

' + photos + '

' : '') + mineActions + renderPostCommentsHtml(post) + '

'; } function refreshFamilyPostsAfterComment(data) { if (data.error) return alert(data.error); loadFamilyFeed(); var profileBox = document.querySelector('[data-family-profile-posts]'); if (profileBox && document.querySelector('[data-family-profile]')) { var profile = document.querySelector('[data-family-profile]'); var personId = profile && profile.getAttribute('data-profile-member'); if (personId) { var current = session(); var posts = (data.posts || []).filter(function (post) { return post.memberId === personId; }); if (!posts.length) profileBox.innerHTML = '

TA还没有发表动态。

'; else profileBox.innerHTML = posts.map(function (post) { return renderFamilyPostCard(post, current.token, { memberName: post.memberName, subtitle: new Date(post.createdAt).toLocaleString('zh-CN', { month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit' }) }); }).join(''); } } } function loadFamilyFeed(highlightLatest) { var current = session(); if (!current || !current.token) return; fetch('/api/family?posts=1&token=' + encodeURIComponent(current.token)) .then(function (res) { return res.json(); }) .then(function (data) { var posts = data.posts || []; var myPosts = posts.filter(function (post) { return post.mine; }); var latestMine = myPosts[0] || null; var latestBox = document.querySelector('[data-family-feed-latest]'); if (latestBox) { if (latestMine) { latestBox.innerHTML = renderFamilyPostCard(latestMine, current.token); if (highlightLatest) { var card = latestBox.querySelector('.family-post'); if (card) { card.classList.add('family-post-just-published'); window.setTimeout(function () { if (card.isConnected) card.classList.remove('family-post-just-published'); }, 2400); try { card.scrollIntoView({ behavior: 'smooth', block: 'nearest' }); } catch (err) {} } } } else { latestBox.innerHTML = '

发表后会在这里看到你最新的一条动态

'; } } var allBox = document.querySelector('[data-family-feed]'); if (!allBox) return; var allPosts = latestMine ? posts.filter(function (post) { return post.id !== latestMine.id; }) : posts; if (!allPosts.length) { allBox.innerHTML = '

' + (latestMine ? '暂无其他动态。' : '还没有家人动态，分享第一条近况吧。') + '

'; return; } allBox.innerHTML = allPosts.map(function (post) { return renderFamilyPostCard(post, current.token); }).join(''); }).catch(function () {}); } function renderMyDevices(devices) { var box = document.querySelector('[data-my-device-list]'); if (!box) return; var currentId = deviceId(); box.innerHTML = devices.map(function (item) { var current = item.id === currentId; return '

' + escapeHtml(item.brand + ' ' + (item.model || '')) + '' + (current ? '当前这部手机' : '同一账号') + '

' + (item.on ? '手机开机 · APP守护中' : 'APP暂未连接') + '

'; }).join(''); } function renderConversations(conversations) { var box = document.querySelector('[data-live-message-list]'); var familyContacts = document.querySelector('[data-family-contact-list]'); var empty = document.querySelector('[data-empty-message-card]'); if (!box) return; if (!conversations.length) { box.innerHTML = ''; if (familyContacts) familyContacts.innerHTML = '

暂时还没有家人联系人。

'; setHidden(empty, false); var noBadge = document.querySelector('[data-message-count]'); if (noBadge) setHidden(noBadge, true); return; } setHidden(empty, true); if (familyContacts) { familyContacts.innerHTML = '

' + conversations.map(function (item) { var person = item.member || {}; var avatar = person.avatar ? '

' : escapeHtml(person.initials || (person.name || '家').slice(0, 1)); var focusIds = latestFamilyView && latestFamilyView.me && latestFamilyView.me.focusMemberIds; if (!Array.isArray(focusIds)) focusIds = (latestFamilyView && latestFamilyView.members || []).slice(0, 2).map(function (member) { return member.id; }); var focused = focusIds.indexOf(person.id) >= 0; return '

' + '' + avatar + '' + escapeHtml(person.name || '家人') + '家人 · 可聊天' + '' + '

'; }).join('') + '

'; } var unreadCount = 0; var newestIncoming = 0; var newestSender = '家人'; var newestPreview = '发来一条新消息'; box.innerHTML = '

' + conversations.map(function (item) { var person = item.member; var latest = item.latest; var readAt = Number(localStorage.getItem('anxin-chat-read-' + person.id) || 0); var unread = latest && !latest.fromMe && latest.createdAt > readAt; if (unread) unreadCount += 1; if (latest && !latest.fromMe && latest.createdAt > newestIncoming) { newestIncoming = latest.createdAt; newestSender = person.name || '家人'; newestPreview = latest.text || '发来一张照片'; } var avatar = person.avatar ? '

' : escapeHtml(person.initials); var preview = latest ? (latest.fromMe ? '我：' : '') + latest.text : '点击开始私人聊天'; var time = latest ? new Date(latest.createdAt).toLocaleString('zh-CN', { month: 'numeric', day: 'numeric', hour: '2-digit', minute: '2-digit' }) : ''; return '

' + '' + avatar + '' + '

' + escapeHtml(person.name) + (unread ? '新消息' : '') + '

' + escapeHtml(preview) + '

' + '' + '

'; }).join('') + '

'; (latestFamilyView && latestFamilyView.groups || []).forEach(function (group) { var latest = group.latest; var readAt = Number(localStorage.getItem('anxin-chat-read-group:' + group.id) || 0); var unread = !!(latest && !latest.fromMe && latest.createdAt > readAt); if (unread) unreadCount += 1; if (unread && latest.createdAt > newestIncoming) { newestIncoming = latest.createdAt; newestSender = latest.senderName || group.name; newestPreview = latest.text || '在群里发来消息'; } }); var badge = document.querySelector('[data-message-count]'); if (badge) { badge.textContent = unreadCount > 9 ? '9+' : String(unreadCount); setHidden(badge, unreadCount === 0); } var soundReady = localStorage.getItem('anxin-message-sound-ready') === '1'; var lastSound = Number(localStorage.getItem('anxin-last-message-sound') || 0); if (soundReady && newestIncoming > lastSound) { try { if (window.AnxinNative && window.AnxinNative.showMessageNotification) window.AnxinNative.showMessageNotification(newestSender, newestPreview); else if (window.AnxinNative && window.AnxinNative.playMessageSound) window.AnxinNative.playMessageSound(); else new Audio('/anxin-message.wav').play().catch(function () {}); } catch (err) {} } if (!soundReady) localStorage.setItem('anxin-message-sound-ready', '1'); if (newestIncoming > lastSound) localStorage.setItem('anxin-last-message-sound', String(newestIncoming)); } function toggleFocusMember(memberId) { if (!latestFamilyView || !latestFamilyView.me) return; var ids = Array.isArray(latestFamilyView.me.focusMemberIds) ? latestFamilyView.me.focusMemberIds.slice() : (latestFamilyView.members || []).slice(0, 2).map(function (member) { return member.id; }); var index = ids.indexOf(memberId); if (index >= 0) ids.splice(index, 1); else { if (ids.length >= 2) { alert('首页最多特别关注两位亲人，请先取消一位'); return; } ids.push(memberId); } familyUpdateProfile({ focusMemberIds: ids }); } function renderFamilyGroups(groups) { var box = document.querySelector('[data-family-group-list]'); if (!box) return; if (!groups.length) { box.innerHTML = '

还没有群聊。点击“新建群”，选择你想放在一起聊天的亲人。

'; return; } box.innerHTML = groups.map(function (group) { var latest = group.latest; var readAt = Number(localStorage.getItem('anxin-chat-read-group:' + group.id) || 0); var unread = latest && !latest.fromMe && latest.createdAt > readAt; var preview = latest ? ((latest.fromMe ? '我：' : (latest.senderName || '家人') + '：') + latest.text) : group.memberCount + ' 位成员'; return ''; }).join(''); } function openGroupCreator() { var old = document.querySelector('[data-group-create-panel]'); if (old) old.remove(); var members = latestFamilyView && latestFamilyView.members || []; if (!members.length) { alert('还没有可以加入群聊的亲人'); return; } var panel = document.createElement('div'); panel.className = 'group-create-panel'; panel.setAttribute('data-group-create-panel', ''); panel.innerHTML = '

新建家庭群

' + '群名称选择群成员

' + members.map(function (member) { return '' + escapeHtml(member.name) + ''; }).join('') + '

'; document.body.appendChild(panel); } function saveNewFamilyGroup() { var nameInput = document.querySelector('[data-new-group-name]'); var name = nameInput ? nameInput.value.trim() : ''; var memberIds = Array.from(document.querySelectorAll('[data-new-group-member]:checked')).map(function (input) { return input.value; }); if (!name) { alert('请填写群名称'); return; } if (!memberIds.length) { alert('请至少选择一位亲人'); return; } var current = session(); if (!current) return; fetch('/api/family', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'create-family-group', token: current.token, name: name, memberIds: memberIds }) }) .then(function (res) { return res.json(); }).then(function (data) { if (data.error) { alert(data.error); return; } var panel = document.querySelector('[data-group-create-panel]'); if (panel) panel.remove(); saveSession(data); }).catch(function () { alert('创建群聊失败，请稍后再试'); }); } function showInvite(code) { document.querySelectorAll('[data-invite-code]').forEach(function (el) { el.textContent = code || '------'; }); document.querySelectorAll('[data-invite-link]').forEach(function (el) { el.textContent = code ? location.origin + '/join?code=' + code : ''; }); } function renderContactRequests(requests) { var box = document.querySelector('[data-contact-requests]'); if (!box) return; var incoming = (requests && requests.incoming) || []; var outgoing = (requests && requests.outgoing) || []; if (!incoming.length && !outgoing.length) { box.innerHTML = ''; return; } var incomingHtml = incoming.map(function (item) { return '

' + '

' + escapeHtml(item.name || '用户') + '' + '想加你为家人 · ' + escapeHtml(item.phone || '') + '

' + '

' + '' + '' + '

'; }).join(''); var outgoingHtml = outgoing.map(function (item) { return '

' + '

已向 ' + escapeHtml(item.name || item.phone || '对方') + ' 发送申请' + '等待对方同意

'; }).join(''); box.innerHTML = incomingHtml + outgoingHtml; } function respondContact(requestId, accept) { if (!requestId) return; fetch('/api/family', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'respond-contact', token: session() && session().token, requestId: requestId, accept: !!accept }), }).then(function (res) { return res.json(); }).then(function (data) { if (data.error) return alert(data.error); saveSession(data); if (accept) alert('已同意，现在可以互相联系了'); }).catch(function () { alert('处理失败，请重试'); }); } function inviteText() { var code = (session() && session().code) || ''; return code; } function escapeHtml(text) { return String(text || '') .replace(/&/g, '&') .replace(//g, '>') .replace(/"/g, '"'); } function normalizeMood(id) { return { good: 'free', ok: 'free', tired: 'resting', low: 'dnd', busy: 'working', daydream: 'dnd' }[id] || id || 'free'; } function moodWord(id) { return { free: '有空', working: '工作', outing: '外出', resting: '休息', dnd: '勿扰', busy: '工作', daydream: '勿扰', good: '有空', ok: '有空', tired: '休息', low: '勿扰' }[id] || '有空'; } function moodFace(id) { var face = { free: '🙂', working: '💼', outing: '🚶', resting: '☕', dnd: '🔕', busy: '💼', daydream: '🔕', good: '🙂', ok: '🙂', tired: '☕', low: '🔕' }[id] || '🙂'; return ''; } function petMarkup(person) { var id = String(person && person.petId || ''); if (!/^(lion|tiger|wolf|elephant|cheetah|cat|dog|rabbit|pig|sloth|panda|fox|owl|dolphin|penguin|turtle|robot|designer|doctor|farmer|worker|office|civilservant|teacher)$/.test(id)) return ''; var names = petNames; var customName = String(person && person.petName || '').trim(); var professionPet = /^(designer|doctor|farmer|worker|office|civilservant|teacher)$/.test(id); var motionAsset = id === 'robot' ? '/pets/robot-walk-v2.webp' : id === 'dolphin' ? '/pets/dolphin-swim-v2.webp' : professionPet ? '/pets/' + id + '-walk-v1.webp' : '/pets/' + id + '-motion-v2.webp'; var visual = ''; return ''; } function bindPetLife(pet) { if (!pet || pet.getAttribute('data-pet-bound') === '1') return; pet.setAttribute('data-pet-bound', '1'); pet.style.animation = 'none'; var minLeft = 108; var dir = 1; var left = minLeft; var holdUntil = 0; var last = performance.now(); var speed = 16; function maxLeft() { var card = pet.closest('.person-card') || pet.parentElement; var width = (card && card.clientWidth) || 320; return Math.max(minLeft + 36, width - 48); } function face(nextDir) { if (nextDir === dir) return; dir = nextDir; pet.classList.add('pet-turning'); if (dir < 0) pet.classList.add('pet-reverse'); else pet.classList.remove('pet-reverse'); setTimeout(function () { if (pet.isConnected) pet.classList.remove('pet-turning'); }, 280); } function tick(now) { if (!pet.isConnected) return; var dt = Math.min(0.05, (now - last) / 1000); last = now; if (!pet.classList.contains('pet-idle') && now >= holdUntil) { left += dir * speed * dt; var max = maxLeft(); if (left >= max) { left = max; holdUntil = now + 700; face(-1); } else if (left <= minLeft) { left = minLeft; holdUntil = now + 700; face(1); } pet.style.left = left + 'px'; } requestAnimationFrame(tick); } pet.style.left = left + 'px'; requestAnimationFrame(tick); (function scheduleGreeting() { var delay = 8000 + Math.floor(Math.random() * 7000); pet._greetTimer = window.setTimeout(function () { if (!pet.isConnected) return; var bubble = pet.querySelector('.family-pet-bubble'); var greetings = ['嗨，可以点我', '可以跟我聊天', '今天心情怎么样？', '我一直都在']; if (bubble) { bubble.textContent = greetings[Math.floor(Math.random() * greetings.length)]; bubble.classList.add('show'); } window.setTimeout(function () { if (!pet.isConnected) return; if (bubble) bubble.classList.remove('show'); scheduleGreeting(); }, 2800); }, delay); })(); } function devicePhoneStatusEm(item) { var battery = item.battery == null ? '' : ' · 电量' + item.battery + '%'; var lowBatt = item.battery != null && item.battery <= 10 ? ' · 上次电量' + item.battery + '%' : ''; if (item.on) return '手机开机 · APP守护中' + battery + ''; if (item.hoursOffline >= 48) { return 'APP已2天未连接可能关机、断网、关闭或卸载，请联系确认' + lowBatt + ''; } if (item.hoursOffline >= 24) { return 'APP已1天未连接建议联系确认' + lowBatt + ''; } return 'APP暂未连接上次在线 ' + escapeHtml(item.lastSeen || '未知') + lowBatt + ''; } function devicePhoneLineHtml(item) { return '

' + escapeHtml(item.brand + ' ' + (item.model || '')) + '同一账号

' + devicePhoneStatusEm(item) + '

'; } function personCardHtml(person) { if (!person.accessGranted) { var lockedAvatar = person.avatar ? '

' : escapeHtml(person.initials || '家'); return '

' + lockedAvatar + '

' + escapeHtml(person.name || '家人') + '未授权

隐私保护

'; } var phones = (person.devices || []).map(devicePhoneLineHtml).join(''); var avatar = person.avatar ? '

' : escapeHtml(person.initials); return '

' + '' + '

状态' + moodFace(person.mood) + moodWord(person.mood) + '' + petMarkup(person) + '

' + '

今日步数' + (Number(person.steps) > 0 ? escapeHtml(String(person.steps)) + ' 步' : '暂未同步') + '' + (person.watchConnected ? '智能手表' : '手机计步') + '

' + '

' + phones + '

' + '

'; } function patchLivePersonCard(card, person) { if (!card || !person.accessGranted) return false; var head = card.querySelector('.person-card-head'); if (!head) return false; var avatar = head.querySelector('.avatar'); if (avatar) { avatar.className = 'avatar ' + (person.onlineCount ? 'green' : 'amber') + ' live-avatar'; avatar.innerHTML = person.avatar ? '

' : escapeHtml(person.initials); } var nameEl = head.querySelector('strong'); if (nameEl) nameEl.textContent = person.name || ''; var lines = head.querySelector('.home-contact-lines'); if (lines) { lines.innerHTML = (person.phone ? '电话：' + escapeHtml(person.phone) + '' : '') + (person.wechat ? '微信：' + escapeHtml(person.wechat) + '' : '') + ((!person.phone && !person.wechat) ? '联系方式未公开' : ''); } var badge = head.querySelector('.safety-badge'); if (badge) { badge.className = 'safety-badge ' + (person.onlineCount ? 'green' : 'amber'); badge.textContent = person.onlineCount > 1 ? person.onlineCount + ' 部守护中' : person.onlineCount ? 'APP守护中' : 'APP未连接'; } var mood = card.querySelector('.mood-line'); if (mood) { mood.className = 'mood-line ' + escapeHtml(normalizeMood(person.mood)); var strong = mood.querySelector('strong'); if (strong) { var pet = mood.querySelector('[data-live-pet]'); strong.innerHTML = moodFace(person.mood) + moodWord(person.mood); if (pet) { var keepPet = person.petId && pet.getAttribute('data-pet-id') === person.petId; if (keepPet) strong.after(pet); else { pet.remove(); if (person.petId) { mood.insertAdjacentHTML('beforeend', petMarkup(person)); bindPetLife(mood.querySelector('[data-live-pet]')); } } } else if (person.petId) { mood.insertAdjacentHTML('beforeend', petMarkup(person)); bindPetLife(mood.querySelector('[data-live-pet]')); } } card.classList.toggle('has-pet', !!person.petId); } var steps = card.querySelector('.today-steps-line'); if (steps) { var stepStrong = steps.querySelector('strong'); var stepSmall = steps.querySelector('small'); if (stepStrong) stepStrong.textContent = Number(person.steps) > 0 ? String(person.steps) + ' 步' : '暂未同步'; if (stepSmall) stepSmall.textContent = person.watchConnected ? '智能手表' : '手机计步'; } var phoneList = card.querySelector('.phone-list'); if (phoneList) { phoneList.innerHTML = (person.devices || []).map(devicePhoneLineHtml).join(''); } return true; } function renderLivePeople(members) { var box = document.querySelector('[data-live-list]'); var demo = document.querySelector('[data-demo-people]'); if (!box) return; if (!members.length) { var hasContacts = latestFamilyView && (latestFamilyView.members || []).length; box.innerHTML = hasContacts ? '

☆

还没有特别关注的人

到“消息与联系人”中选择一两位最亲近的人，详细状态就会显示在首页。

' : '

家

还没有家人加入

用对方手机号发送申请，或把邀请码告诉家人，对方同意后就会出现在联系人中。

输入邀请码

'; if (demo) setHidden(demo, true); var emptyOnline = document.querySelector('[data-live-online]'); var emptyWait = document.querySelector('[data-live-wait]'); if (emptyOnline) emptyOnline.textContent = '0'; if (emptyWait) emptyWait.textContent = '0'; return; } if (demo) setHidden(demo, true); var online = 0; var existingIds = Array.prototype.map.call(box.querySelectorAll('[data-member-id]'), function (card) { return card.getAttribute('data-member-id'); }); var nextIds = members.map(function (person) { return person.id; }); var canPatch = existingIds.length === nextIds.length && nextIds.every(function (id, index) { return id === existingIds[index]; }) && members.every(function (person) { var card = box.querySelector('[data-member-id="' + person.id + '"]'); return card && ((!!person.accessGranted) === !card.classList.contains('privacy-locked-card')); }); if (canPatch) { members.forEach(function (person) { if (person.onlineCount) online += 1; patchLivePersonCard(box.querySelector('[data-member-id="' + person.id + '"]'), person); }); } else { box.innerHTML = members.map(function (person) { if (person.onlineCount) online += 1; return personCardHtml(person); }).join(''); box.querySelectorAll('[data-live-pet]').forEach(bindPetLife); } var wait = members.length - online; var onlineEl = document.querySelector('[data-live-online]'); var waitEl = document.querySelector('[data-live-wait]'); var waitWrap = document.querySelector('[data-live-wait-wrap]'); if (onlineEl) onlineEl.textContent = String(online); if (waitEl) waitEl.textContent = String(wait); if (waitWrap) setHidden(waitWrap, wait <= 0); } function familyPayload(extra) { var me = loadMe(); var data = { token: session() && session().token, deviceId: deviceId(), brand: detectPhoneBrand(), model: '', name: me.name || '我', phone: me.phone || '', avatar: me.avatar || '', mood: localStorage.getItem('anxin-my-mood') || 'free', }; Object.keys(extra || {}).forEach(function (key) { data[key] = extra[key]; }); return data; } function familyBeat() { var current = session(); if (!current || !current.token) return; fetch('/api/family', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(Object.assign({ action: 'beat' }, familyPayload())), }) .then(function (res) { return res.json(); }) .then(function (data) { if (data && data.token) saveSession(data); }) .catch(function () {}); } function familyUpdateProfile(changes) { var current = session(); if (!current || !current.token) return; fetch('/api/family', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(Object.assign({ action: 'update-profile', token: current.token, }, changes || {})), }).then(function (res) { return res.json(); }).then(function (data) { if (data && data.token) saveSession(data); }).catch(function () {}); } function logoutAccount() { var current = session(); var finish = function () { try { localStorage.removeItem('anxin-session'); localStorage.removeItem('anxin-my-profile'); localStorage.removeItem('anxin-my-mood'); localStorage.removeItem('anxin-my-health'); } catch (err) {} try { if (window.AnxinNative && window.AnxinNative.clearSession) window.AnxinNative.clearSession(); } catch (err) {} var bar = document.querySelector('[data-bind-account-bar]'); if (bar) bar.remove(); document.documentElement.classList.remove('account-open'); showAccountScreen('login', true); }; if (!current || !current.token) { finish(); return; } fetch('/api/family', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'logout-account', token: current.token }), }).catch(function () {}).finally(finish); } function showAccountScreen(startMode, required) { var old = document.querySelector('[data-account-screen]'); if (old) old.remove(); var mode = startMode === 'register' ? 'register' : 'login'; var wrap = document.createElement('div'); wrap.className = 'account-screen'; wrap.setAttribute('data-account-screen', ''); wrap.innerHTML = ''; document.body.appendChild(wrap); document.documentElement.classList.add('account-open'); wrap.querySelectorAll('[data-toggle-password]').forEach(function (button) { button.addEventListener('click', function () { var name = button.getAttribute('data-toggle-password'); var input = wrap.querySelector('input[name="' + name + '"]'); if (!input) return; var show = input.type === 'password'; input.type = show ? 'text' : 'password'; button.classList.toggle('is-on', show); button.setAttribute('aria-pressed', show ? 'true' : 'false'); button.setAttribute('aria-label', show ? '隐藏密码' : '显示密码'); }); }); var phoneInput = wrap.querySelector('input[name="phone"]'); var me = loadMe(); if (phoneInput && me.phone) phoneInput.value = me.phone; var nameInput = wrap.querySelector('input[name="name"]'); if (nameInput && me.name && me.name !== '我') nameInput.value = me.name; function setMode(next) { mode = next; wrap.querySelectorAll('[data-account-mode]').forEach(function (button) { button.classList.toggle('active', button.getAttribute('data-account-mode') === mode); }); var registering = mode === 'register'; var heading = wrap.querySelector('h1'); var intro = wrap.querySelector('.account-intro'); if (heading) heading.textContent = registering ? '设置登录账号' : '手机号登录'; if (intro) intro.textContent = registering ? '设置后，换手机或重新安装也能恢复资料。' : '登录后恢复您的资料。'; wrap.querySelector('[data-account-name-wrap]').hidden = !registering; wrap.querySelector('[data-account-confirm-wrap]').hidden = !registering; var password = wrap.querySelector('input[name="password"]'); if (password) password.setAttribute('autocomplete', registering ? 'new-password' : 'current-password'); wrap.querySelector('[data-account-submit]').textContent = registering ? '注册' : '登录'; wrap.querySelector('[data-account-error]').textContent = ''; } setMode(mode); wrap.querySelectorAll('[data-account-mode]').forEach(function (button) { button.addEventListener('click', function () { setMode(button.getAttribute('data-account-mode')); }); }); var close = wrap.querySelector('[data-account-close]'); if (close) close.addEventListener('click', function () { wrap.remove(); document.documentElement.classList.remove('account-open'); }); var later = wrap.querySelector('[data-account-later]'); if (later) later.addEventListener('click', function () { wrap.remove(); document.documentElement.classList.remove('account-open'); showBindAccountBar(); }); wrap.querySelector('[data-account-form]').addEventListener('submit', function (event) { event.preventDefault(); var form = event.currentTarget; var phone = form.elements.phone.value.trim(); var password = form.elements.password.value; var error = wrap.querySelector('[data-account-error]'); if (mode === 'register' && password !== form.elements.confirm.value) { error.textContent = '两次输入的密码不一致'; return; } var submit = wrap.querySelector('[data-account-submit]'); submit.disabled = true; submit.textContent = mode === 'register' ? '正在保存…' : '正在登录…'; fetch('/api/family', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(Object.assign(familyPayload(), { action: mode === 'register' ? 'register-account' : 'login-account', phone: phone, password: password, name: mode === 'register' ? form.elements.name.value.trim() : '', token: session() && session().token, })) }).then(function (res) { return res.json(); }).then(function (data) { if (!data || data.error) throw new Error((data && data.error) || '操作失败，请重试'); saveSession(data); location.reload(); }).catch(function (err) { error.textContent = err.message || '操作失败，请重试'; submit.disabled = false; submit.textContent = mode === 'register' ? '注册' : '登录'; }); }); } function showBindAccountBar() { if (document.querySelector('[data-bind-account-bar]')) return; var bar = document.createElement('button'); bar.type = 'button'; bar.className = 'bind-account-bar'; bar.setAttribute('data-bind-account-bar', ''); bar.innerHTML = '登录 / 注册保存资料　›'; bar.addEventListener('click', function () { showAccountScreen(session() && session().token ? 'register' : 'login', true); }); document.body.appendChild(bar); } function restoreCachedFamilyView() { try { var current = session(); if (!current || !current.token) return false; var cached = JSON.parse(localStorage.getItem('anxin-family-view-cache') || 'null'); if (!cached || cached.token !== current.token) return false; if (cached.savedAt && Date.now() - cached.savedAt > 7 * 24 * 60 * 60 * 1000) return false; latestFamilyView = cached; if (cached.me) { var localMe = loadMe(); localMe.name = cached.me.name || localMe.name || '我'; localMe.phone = cached.me.phone || localMe.phone || ''; localMe.wechat = cached.me.wechat || ''; localMe.sharePhone = !!cached.me.sharePhone; localMe.shareWechat = !!cached.me.shareWechat; localMe.shareLocation = !!cached.me.shareLocation; localMe.latitude = cached.me.latitude; localMe.longitude = cached.me.longitude; localMe.locationAccuracy = cached.me.locationAccuracy; localMe.locationAt = cached.me.locationAt; localMe.focusMemberIds = Array.isArray(cached.me.focusMemberIds) ? cached.me.focusMemberIds : localMe.focusMemberIds; if (cached.me.avatar) localMe.avatar = cached.me.avatar; localMe.petId = cached.me.petId || localMe.petId || ''; localMe.petName = cached.me.petName || localMe.petName || ''; localStorage.setItem('anxin-my-profile', JSON.stringify(localMe)); if (cached.me.mood) localStorage.setItem('anxin-my-mood', normalizeMood(cached.me.mood)); applyMe(); applyMood(); } showInvite(cached.code); var focusIds = Array.isArray(cached.me && cached.me.focusMemberIds) ? cached.me.focusMemberIds : (cached.members || []).slice(0, 2).map(function (member) { return member.id; }); renderLivePeople((cached.members || []).filter(function (member) { return focusIds.indexOf(member.id) >= 0; })); renderMyDevices((cached.me && cached.me.devices) || []); renderConversations(cached.conversations || []); renderFamilyGroups(cached.groups || []); renderContactRequests(cached.contactRequests || { incoming: [], outgoing: [] }); return true; } catch (err) { return false; } } function familyStart() { var current = session(); if (!current || !current.token) { showAccountScreen('login', true); return; } restoreCachedFamilyView(); var req = fetch('/api/family?token=' + encodeURIComponent(current.token) + '&_t=' + Date.now()); req.then(function (res) { return res.json(); }) .then(function (data) { if (data && data.error && current) { localStorage.removeItem('anxin-session'); localStorage.removeItem('anxin-family-view-cache'); showAccountScreen('login', true); return; } if (data && data.token) { if (!data.accountBound) showAccountScreen('register', true); saveSession(data); familyBeat(); } }) .catch(function () {}); } function familyJoin(code, name, phone) { return fetch('/api/family', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(Object.assign({ action: 'join', code: code }, familyPayload({ name: name, phone: phone }))), }).then(function (res) { return res.json(); }); } function createDeviceLink() { return fetch('/api/family', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ action: 'create-device-link', token: session() && session().token }), }).then(function (res) { return res.json(); }); } function linkDevice(code) { return fetch('/api/family', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify(Object.assign({ action: 'link-device', code: code }, familyPayload())), }).then(function (res) { return res.json(); }); } function init() { if (!document.querySelector('[data-join-form]') && (!session() || !session().token)) { showAccountScreen('login', true); } var largeText = localStorage.getItem('anxin-large-text') === '1'; document.documentElement.classList.toggle('large-text', largeText); var largeSwitch = document.querySelector('[data-switch="large-text"]'); if (largeSwitch) { largeSwitch.classList.toggle('on', largeText); largeSwitch.setAttribute('aria-pressed', largeText ? 'true' : 'false'); } applyProfile(); applyMe(); applyHealth(); applyMood(); document.querySelectorAll('[data-my-phone-brand]').forEach(function (el) { el.textContent = detectPhoneBrand(); }); if (!document.querySelector('[data-join-form]')) { familyStart(); setInterval(familyBeat, 12000); } fetch('/app-version.json?t=' + Date.now()) .then(function (res) { return res.json(); }) .then(function (info) { var prev = localStorage.getItem('anxin-app-build'); var next = String(info.build || info.version || ''); if (prev && next && prev !== next) location.reload(); if (next) localStorage.setItem('anxin-app-build', next); var apkBuild = Number(info.apkBuild || 0); var have = Number(localStorage.getItem('anxin-apk-have') || 1); if (apkBuild > have && !window.AnxinNative) { var bar = document.createElement('a'); bar.href = info.apkUrl || '/anxin-ai.apk'; bar.textContent = '有新版本，点这里安装'; bar.setAttribute('style', 'position:fixed;left:12px;right:12px;bottom:76px;z-index:10000;display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:14px;background:#17352d;color:#fff;font-size:14px;font-weight:750;text-decoration:none'); bar.addEventListener('click', function () { localStorage.setItem('anxin-apk-have', String(apkBuild)); }); document.body.appendChild(bar); } }) .catch(function () {}); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', init); } else { init(); } })();

' + escapeHtml(options.title || '安心AI') + '

谁可以看

' + escapeHtml(name) + '的位置

' + escapeHtml(person.name) + '

TA的动态

选择性别

还没有特别关注的人

还没有家人加入

欢迎使用安心AI

装上就能互相看见

绑定我的第二部手机