diff --git a/shine-UI/js/pages/profile-view.js b/shine-UI/js/pages/profile-view.js index caf0e7e..3b46420 100644 --- a/shine-UI/js/pages/profile-view.js +++ b/shine-UI/js/pages/profile-view.js @@ -1,20 +1,33 @@ import { renderHeader } from '../components/header.js?v=20260405171816'; import { profile } from '../mock-data.js?v=20260405171816'; import { state } from '../state.js?v=20260405171816'; +import { + loadProfileSnapshot, + profileFieldDefs, + saveProfileParams, + saveProfileToggle, +} from '../services/user-profile-params.js?v=20260405171816'; export const pageMeta = { id: 'profile-view', title: 'Профиль' }; +function formatDateTime(timeMs) { + if (!timeMs) return 'ещё не заполнено'; + return new Date(timeMs).toLocaleString('ru-RU'); +} + +function getDisplayName(fieldMap) { + const firstName = fieldMap.get('first_name')?.value?.trim() || ''; + const lastName = fieldMap.get('last_name')?.value?.trim() || ''; + const fullName = `${firstName} ${lastName}`.trim(); + return fullName || profile.name; +} + +function toggleText(enabled) { + return enabled ? 'yes' : 'no'; +} + export function render({ navigate }) { - const badgeHelp = { - official: { - title: 'Официальный аккаунт', - text: 'Эта настройка включает или отключает отметку официального аккаунта в профиле. Используйте её, когда нужно показать или скрыть подтверждённый статус.', - }, - shine: { - title: 'Сияющий', - text: 'Этот переключатель включает или отключает режим «Сияющий». Он управляет отображением дополнительного визуального акцента для профиля.', - }, - }; + const login = state.session.login || profile.login; const screen = document.createElement('section'); screen.className = 'stack'; @@ -26,83 +39,223 @@ export function render({ navigate }) { { label: 'Кошелёк', onClick: () => navigate('wallet-view') }, { label: 'Настройки', onClick: () => navigate('settings-view') }, ], - }) + }), ); const card = document.createElement('div'); card.className = 'card stack'; - card.innerHTML = ` -
+ + const topRow = document.createElement('div'); + topRow.className = 'row'; + topRow.innerHTML = ` +
${profile.avatarInitials}
-
- - +
+

${profile.name}

+

${login}

-
-

${profile.name}

-

${state.session.login || profile.login}

-
-
-
Телефон: ${profile.phone}
-
Адрес: ${profile.address}
-
Email: ${profile.email}
-
Соцсети: ${profile.socials}
-
+ `; - const modal = document.createElement('div'); - modal.className = 'profile-help-modal'; - modal.hidden = true; - modal.innerHTML = ` + const badgesRow = document.createElement('div'); + badgesRow.className = 'row'; + badgesRow.innerHTML = ` + + + `; + + const hint = document.createElement('div'); + hint.className = 'card profile-data-help'; + hint.innerHTML = ` +
Личные данные пользователя
+

Поля ниже читаются из реальных пользовательских параметров сервера (ListUserParams). Любое изменение отправляется как блокчейн-запись параметра и требует подпись ключом пользователя.

+ `; + + const status = document.createElement('div'); + status.className = 'status-line'; + status.textContent = 'Загрузка параметров...'; + + const listWrap = document.createElement('div'); + listWrap.className = 'stack profile-param-list'; + + const editModal = document.createElement('div'); + editModal.className = 'profile-help-modal'; + editModal.hidden = true; + editModal.innerHTML = `
-