+ `;
+ const close = () => { root.innerHTML = ''; };
+ root.querySelector('#profile-info-close')?.addEventListener('click', close);
+ root.querySelector('#profile-info-modal')?.addEventListener('click', (event) => {
+ if (event.target?.id === 'profile-info-modal') close();
+ });
+}
+
+function officialInfoText() {
+ return 'Можно создавать несколько альтернативных или анонимных каналов. '
+ + 'Но для корректного учёта голосов на одного реального человека используется только один официальный канал.';
+}
+
+function shineInfoText() {
+ return 'Сияющие — это те, от кого идёт внутреннее сияние на тонком плане.\n\n'
+ + 'Пять принципов сияющих:\n'
+ + '1) сияющие не обманывают;\n'
+ + '2) сияющие чувствуют, что человек — это не только физическое тело, а нечто большее;\n'
+ + '3) сияющие развиваются и в духовной, и в материальной плоскости;\n'
+ + '4) у сияющих есть близкие друзья, с которыми им по-настоящему хорошо;\n'
+ + '5) сияющие заботятся о мире: о людях, гармонии и общем благе.';
+}
+
export function render({ navigate }) {
const login = state.session.login || profile.login;
@@ -39,14 +74,22 @@ export function render({ navigate }) {
topActions.className = 'profile-top-actions';
topActions.innerHTML = `
-
`;
topActions.querySelector('[data-top-action="edit"]')?.addEventListener('click', () => navigate('profile-edit-view'));
- topActions.querySelector('[data-top-action="wallet"]')?.addEventListener('click', () => navigate('wallet-view'));
topActions.querySelector('[data-top-action="settings"]')?.addEventListener('click', () => navigate('settings-view'));
screen.append(topActions);
+ const bottomActions = document.createElement('div');
+ bottomActions.className = 'profile-bottom-actions';
+ bottomActions.innerHTML = `
+
+
+ `;
+ bottomActions.querySelector('[data-bottom-action="wallet"]')?.addEventListener('click', () => navigate('wallet-view'));
+ bottomActions.querySelector('[data-bottom-action="links"]')?.addEventListener('click', () => navigate(makeProfileLinksRoute(login)));
+ screen.append(bottomActions);
+
const card = document.createElement('div');
card.className = 'card stack profile-main-card';
@@ -126,6 +169,21 @@ export function render({ navigate }) {
updateToggleButton(shineBtn, 'Сияющий', shine.enabled);
}
+ officialBtn?.classList.add('profile-badge-trigger');
+ shineBtn?.classList.add('profile-badge-trigger');
+ officialBtn?.addEventListener('click', () => {
+ openProfileInfoModal({
+ title: 'Официальный канал',
+ text: officialInfoText(),
+ });
+ });
+ shineBtn?.addEventListener('click', () => {
+ openProfileInfoModal({
+ title: 'Справка о сияющих',
+ text: shineInfoText(),
+ });
+ });
+
function renderFields(fields) {
listWrap.innerHTML = '';
fields.forEach((field) => {
diff --git a/shine-UI/js/pages/start-view.js b/shine-UI/js/pages/start-view.js
index 1695530..56748f2 100644
--- a/shine-UI/js/pages/start-view.js
+++ b/shine-UI/js/pages/start-view.js
@@ -32,13 +32,19 @@ export function render({ navigate }) {
registerButton.textContent = 'Зарегистрироваться';
registerButton.addEventListener('click', () => navigate('register-view'));
+ const guestViewButton = document.createElement('button');
+ guestViewButton.className = 'ghost-btn';
+ guestViewButton.type = 'button';
+ guestViewButton.textContent = 'Только просмотр';
+ guestViewButton.addEventListener('click', () => navigate('network-view'));
+
const settingsButton = document.createElement('button');
settingsButton.className = 'ghost-btn';
settingsButton.type = 'button';
settingsButton.textContent = 'Настройки';
settingsButton.addEventListener('click', () => navigate('entry-settings-view'));
- actions.append(loginButton, registerButton, settingsButton);
+ actions.append(loginButton, registerButton, guestViewButton, settingsButton);
screen.append(logo, title, actions);
return screen;
}
diff --git a/shine-UI/js/pages/user-profile-view.js b/shine-UI/js/pages/user-profile-view.js
index 818f9dc..3236951 100644
--- a/shine-UI/js/pages/user-profile-view.js
+++ b/shine-UI/js/pages/user-profile-view.js
@@ -6,6 +6,7 @@ import {
loadUserProfileCard,
} from '../services/user-connections.js';
import { renderUserAvatar } from '../components/avatar-image.js';
+import { makeProfileLinksRoute } from '../services/shine-routes.js';
import { navigateBack } from '../router.js';
@@ -20,6 +21,40 @@ function escapeHtml(text) {
.replaceAll("'", ''');
}
+function openProfileInfoModal({ title, text }) {
+ const root = document.getElementById('modal-root');
+ if (!root) return;
+ root.innerHTML = `
+
+
+
${escapeHtml(title)}
+
${escapeHtml(text)}
+
+
+
+ `;
+ const close = () => { root.innerHTML = ''; };
+ root.querySelector('#profile-info-close')?.addEventListener('click', close);
+ root.querySelector('#profile-info-modal')?.addEventListener('click', (event) => {
+ if (event.target?.id === 'profile-info-modal') close();
+ });
+}
+
+function officialInfoText() {
+ return 'Можно создавать несколько альтернативных или анонимных каналов. '
+ + 'Но для корректного учёта голосов на одного реального человека используется только один официальный канал.';
+}
+
+function shineInfoText() {
+ return 'Сияющие — это те, от кого идёт внутреннее сияние на тонком плане.\n\n'
+ + 'Пять принципов сияющих:\n'
+ + '1) сияющие не обманывают;\n'
+ + '2) сияющие чувствуют, что человек — это не только физическое тело, а нечто большее;\n'
+ + '3) сияющие развиваются и в духовной, и в материальной плоскости;\n'
+ + '4) у сияющих есть близкие друзья, с которыми им по-настоящему хорошо;\n'
+ + '5) сияющие заботятся о мире: о людях, гармонии и общем благе.';
+}
+
function genderText(value) {
const normalized = String(value || '').trim().toLowerCase();
if (normalized === 'male') return 'Мужской';
@@ -141,8 +176,8 @@ function renderIdentity(card) {
function renderReadOnlyBadges(card) {
return `