17-04-2026

Добавил вкладку пол
This commit is contained in:
AidarKC 2026-04-17 17:39:04 +03:00
parent 7591fbdace
commit c7bf8051b9
4 changed files with 129 additions and 2 deletions

View File

@ -2,7 +2,11 @@ import { renderHeader } from '../components/header.js';
import { profile } from '../mock-data.js';
import { state } from '../state.js';
import {
PROFILE_GENDER_FEMALE,
PROFILE_GENDER_MALE,
PROFILE_GENDER_UNKNOWN,
loadProfileSnapshot,
saveProfileGender,
saveProfileParamBlock,
saveProfileToggle,
} from '../services/user-profile-params.js';
@ -20,6 +24,35 @@ function showLocalErrorAlert(prefix, error) {
window.alert(`${prefix}: ${message}${stack}`);
}
function genderLabel(value) {
if (value === PROFILE_GENDER_MALE) return 'Мужской';
if (value === PROFILE_GENDER_FEMALE) return 'Женский';
return 'Не указан';
}
function parseGenderChoice(value) {
const normalized = String(value || '').trim().toLowerCase();
if (!normalized) return '';
if (normalized === '1' || normalized === 'м' || normalized === 'муж' || normalized === 'мужской' || normalized === PROFILE_GENDER_MALE) {
return PROFILE_GENDER_MALE;
}
if (normalized === '2' || normalized === 'ж' || normalized === 'жен' || normalized === 'женский' || normalized === PROFILE_GENDER_FEMALE) {
return PROFILE_GENDER_FEMALE;
}
if (
normalized === '3' ||
normalized === 'н' ||
normalized === 'не указан' ||
normalized === 'неуказан' ||
normalized === 'не указано' ||
normalized === 'неизвестно' ||
normalized === PROFILE_GENDER_UNKNOWN
) {
return PROFILE_GENDER_UNKNOWN;
}
return '';
}
function escapeHtml(text) {
return String(text || '')
.replaceAll('&', '&')
@ -71,15 +104,25 @@ export function render({ navigate }) {
status.className = 'status-line';
status.textContent = 'Загрузка параметров...';
const genderWrap = document.createElement('div');
genderWrap.className = 'card row profile-param-item';
genderWrap.innerHTML = `
<div class="profile-param-value"><b>Пол</b>: <span data-gender-value>Не указан</span></div>
<button class="ghost-btn" type="button" data-edit-gender="true">Выбрать</button>
`;
const listWrap = document.createElement('div');
listWrap.className = 'stack profile-param-list';
const reloadBtn = topRow.querySelector('[data-reload="true"]');
const officialBtn = badgesRow.querySelector('[data-toggle="official"]');
const shineBtn = badgesRow.querySelector('[data-toggle="shine"]');
const genderValueEl = genderWrap.querySelector('[data-gender-value]');
const genderBtn = genderWrap.querySelector('[data-edit-gender="true"]');
let currentFields = [];
let currentToggles = [];
let currentGender = PROFILE_GENDER_UNKNOWN;
const identityEl = topRow.querySelector('[data-profile-identity="true"]');
function syncIdentity() {
@ -115,6 +158,11 @@ export function render({ navigate }) {
updateToggleButton(shineBtn, 'Сияющий', shine.enabled);
}
function updateGenderUi() {
if (!genderValueEl) return;
genderValueEl.textContent = genderLabel(currentGender);
}
function renderFields(fields) {
listWrap.innerHTML = '';
fields.forEach((field) => {
@ -137,15 +185,18 @@ export function render({ navigate }) {
reloadBtn.disabled = true;
officialBtn.disabled = true;
shineBtn.disabled = true;
genderBtn.disabled = true;
try {
const snapshot = await loadProfileSnapshot(login);
currentFields = snapshot.fields;
currentToggles = snapshot.toggles;
currentGender = snapshot.gender || PROFILE_GENDER_UNKNOWN;
syncIdentity();
renderFields(currentFields);
updateTogglesUi();
updateGenderUi();
status.className = 'status-line is-available';
status.textContent = 'Актуальные параметры загружены.';
@ -157,6 +208,7 @@ export function render({ navigate }) {
reloadBtn.disabled = false;
officialBtn.disabled = false;
shineBtn.disabled = false;
genderBtn.disabled = false;
}
}
@ -209,6 +261,36 @@ export function render({ navigate }) {
}
}
async function onGenderClick() {
const entered = window.prompt(
'Выберите пол:\n1 — Мужской\n2 — Женский\n3 — Не указан\nМожно ввести номер или значение (male/female/unknown).',
currentGender,
);
if (entered === null) return;
const nextGender = parseGenderChoice(entered);
if (!nextGender) {
window.alert('Некорректный выбор пола. Доступно: male, female, unknown.');
return;
}
const confirmed = window.confirm(
`Установить пол: «${genderLabel(nextGender)}»?\nБудет создана запись в блокчейне.`,
);
if (!confirmed) return;
status.className = 'status-line';
status.textContent = 'Сохранение в блокчейн...';
try {
await saveProfileGender(login, nextGender);
await refreshProfileSnapshot();
} catch (error) {
status.className = 'status-line is-unavailable';
status.textContent = `Не удалось изменить пол: ${error.message || 'ошибка сети'}`;
showLocalErrorAlert('Ошибка изменения пола', error);
}
}
listWrap.addEventListener('click', (event) => {
const target = event.target;
if (!(target instanceof HTMLElement)) return;
@ -220,8 +302,9 @@ export function render({ navigate }) {
reloadBtn.addEventListener('click', refreshProfileSnapshot);
officialBtn.addEventListener('click', () => onToggleClick('official'));
shineBtn.addEventListener('click', () => onToggleClick('shine'));
genderBtn.addEventListener('click', onGenderClick);
card.append(topRow, badgesRow, status, listWrap);
card.append(topRow, badgesRow, status, genderWrap, listWrap);
screen.append(card);
refreshProfileSnapshot();

View File

@ -22,6 +22,13 @@ function boolText(flag) {
return flag ? 'Да' : 'Нет';
}
function genderText(value) {
const normalized = String(value || '').trim().toLowerCase();
if (normalized === 'male') return 'Мужской';
if (normalized === 'female') return 'Женский';
return 'Не указан';
}
function relationButtonLabel(kind, flags) {
if (kind === 'follow') return flags.outFollow ? 'Отписаться' : 'Подписаться';
if (kind === 'friend') return flags.outFriend ? 'Убрать из друзей' : 'Добавить в друзья';
@ -85,6 +92,7 @@ function renderReadOnlyParams(card) {
const rows = [
{ label: 'Имя', value: card.firstName },
{ label: 'Фамилия', value: card.lastName },
{ label: 'Пол', value: genderText(card.gender) },
{ label: 'Адрес', value: card.address },
{ label: 'Web', value: card.web },
{ label: 'Телефон', value: card.phone },

View File

@ -183,6 +183,7 @@ export async function loadUserProfileCard(login) {
address: fields.address || '',
web: fields.web || '',
phone: fields.phone || '',
gender: String(snapshot?.gender || 'unknown').trim().toLowerCase() || 'unknown',
official: Boolean(toggles.official),
shine: Boolean(toggles.shine),
};

View File

@ -13,6 +13,15 @@ export const profileToggleDefs = [
{ key: 'shine', label: 'Сияющий' },
];
export const PROFILE_GENDER_MALE = 'male';
export const PROFILE_GENDER_FEMALE = 'female';
export const PROFILE_GENDER_UNKNOWN = 'unknown';
export const PROFILE_GENDER_VALUES = Object.freeze([
PROFILE_GENDER_MALE,
PROFILE_GENDER_FEMALE,
PROFILE_GENDER_UNKNOWN,
]);
function normalizeItem(param, payload) {
if (!param) return null;
@ -31,6 +40,13 @@ function parseToggleValue(value) {
return normalized === 'true' || normalized === 'yes' || normalized === '1';
}
function normalizeGenderValue(value) {
const normalized = String(value || '').trim().toLowerCase();
if (normalized === PROFILE_GENDER_MALE) return PROFILE_GENDER_MALE;
if (normalized === PROFILE_GENDER_FEMALE) return PROFILE_GENDER_FEMALE;
return PROFILE_GENDER_UNKNOWN;
}
async function getStoragePwd() {
const storagePwd = state.session.storagePwdInMemory;
if (!storagePwd) {
@ -100,7 +116,15 @@ export async function loadProfileSnapshot(login) {
});
}
return { fields, toggles };
const latestGender = loadLatestByAliasesFromItems(items, ['gender']);
const gender = normalizeGenderValue(latestGender?.value || PROFILE_GENDER_UNKNOWN);
return {
fields,
toggles,
gender,
genderTimeMs: latestGender?.timeMs || 0,
};
}
export async function saveProfileParamBlock(login, key, value) {
@ -122,3 +146,14 @@ export async function saveProfileToggle(login, key, enabled) {
storagePwd,
});
}
export async function saveProfileGender(login, gender) {
const normalized = normalizeGenderValue(gender);
const storagePwd = await getStoragePwd();
await authService.addBlockUserParam({
login,
param: 'gender',
value: normalized,
storagePwd,
});
}