Изменить данные

setName(e.target.value)} placeholder="И. С. Орлов" fullWidth /> setOrg(e.target.value)} placeholder="Наименование организации" fullWidth />
Email и роль меняет администратор портала.
{error && (
{error}
)}

, document.body, ); } // ---- Маленькая статистика ---- function StatTile({ icon, value, label, tone }) { return (

{value}

{label}

); } // ---- Иконка продукта ---- function ProductGlyph({ icon, size = 52 }) { return (

); } // ---- Плитка продукта на дашборде ---- function ProductTile({ product, nav }) { const lic = D.licenseFor(product.id); const st = D.updatesStatus(lic && lic.updates_until); const vers = D.versionsFor(product.id); const available = vers.filter((v) => D.versionAvailable(lic, v)); const latest = vers[0]; const latestAvailable = D.versionAvailable(lic, latest); return (

{product.name}

{product.tagline}

{st.label}

{latest.version}
{latestAvailable ? 'актуальная' : 'недоступна'}

{available.length}/{vers.length}
версий доступно

); } // ---- Строка версии в списке обновлений ---- function VersionRow({ version, product, lic, nav, onDownload, compact }) { const available = D.versionAvailable(lic, version); const [h, setH] = React.useState(false); return (
setH(true)} onMouseLeave={() => setH(false)} style={{ display: 'flex', alignItems: 'center', gap: '16px', padding: '16px 20px', borderRadius: 'var(--radius)', border: '1px solid', borderColor: h ? 'var(--border-light)' : 'var(--border)', background: h ? 'var(--surface-card-hover)' : 'var(--surface-card)', transition: 'all var(--transition)' }}>

{!compact && {product.name}} v{version.version} {version.critical && важное}

{D.formatDate(version.release_date)} {version.size}

{available ? (

) : (
Нужно продление
)}
); } // ---- Дашборд ---- function Dashboard({ nav, onDownload, user }) { const allAvailable = []; D.products.forEach((p) => { const lic = D.licenseFor(p.id); D.versionsFor(p.id).forEach((v) => { if (D.versionAvailable(lic, v)) allAvailable.push({ v, p, lic }); }); }); allAvailable.sort((a, b) => D.parseDate(b.v.release_date) - D.parseDate(a.v.release_date)); const recent = allAvailable.slice(0, 3); const expiring = D.licenses .map((l) => ({ l, s: D.updatesStatus(l.updates_until) })) .filter(({ s }) => s.code === 'soon' || s.code === 'expired'); const ex0 = expiring[0]; const exProd = ex0 ? D.productById(ex0.l.product_id) : null; const firstName = user && user.display_name ? user.display_name.split(' ')[0] : 'коллега'; return (

{expiring.length > 0 && (

По продукту {exProd ? exProd.name : '—'}{' '} {ex0.s.code === 'expired' ? `право на обновления истекло ${D.formatDate(ex0.l.updates_until)} — новые версии недоступны до продления.` : `право на обновления заканчивается ${D.formatDate(ex0.l.updates_until)} — продлите, чтобы получать новые версии.`} {expiring.length > 1 ? ` И ещё лицензий с истекающим правом: ${expiring.length - 1}.` : ''}

)}

Мои продукты

{D.products.map((p) => )}

Последние обновления

{recent.map(({ v, p, lic }) => )}

); } // ---- Лента обновлений ---- function UpdatesFeed({ nav, onDownload }) { const [filter, setFilter] = React.useState('all'); // all | available | locked const rows = []; D.products.forEach((p) => { const lic = D.licenseFor(p.id); D.versionsFor(p.id).forEach((v) => rows.push({ v, p, lic, available: D.versionAvailable(lic, v) })); }); rows.sort((a, b) => D.parseDate(b.v.release_date) - D.parseDate(a.v.release_date)); const shown = rows.filter((r) => filter === 'all' || (filter === 'available' ? r.available : !r.available)); const tabs = [['all', 'Все', rows.length], ['available', 'Доступные', rows.filter((r) => r.available).length], ['locked', 'Заблокированы', rows.filter((r) => !r.available).length]]; return (

{tabs.map(([v, l, n]) => ( ))}

{shown.map(({ v, p, lic }) => )}

); } // ---- Карточка продукта ---- function InfoRow({ label, children }) { return (
{label} {children}
); } function ProductScreen({ slug, nav, onDownload }) { const product = D.productBySlug(slug); const lic = D.licenseFor(product.id); const st = D.updatesStatus(lic && lic.updates_until); const vers = D.versionsFor(product.id); return (

{product.name}

{product.description}

{product.tags.map((t) => {t})}

Версии и обновления

{vers.map((v) => )}

Лицензия

{st.label}
{lic.license_key} {lic.valid_until ? D.formatDate(lic.valid_until) : 'Бессрочно'} {lic.updates_until ? D.formatDate(lic.updates_until) : 'Без ограничения'} {lic.seats} {product.platform} {st.code === 'expired' && (

)}

); } // ---- Страница версии ---- function VersionScreen({ id, nav, onDownload }) { const version = D.versionById(id); const product = D.productById(version.product_id); const lic = D.licenseFor(product.id); const available = D.versionAvailable(lic, version); return (

{product.name} {version.critical && важное обновление}

v{version.version}

Выпуск {D.formatDate(version.release_date)} {version.size} {product.platform}

Что нового

{version.changelog.map((c, i) => (
{c}
))}

{available ? (
Доступно по лицензии

Выдача ссылки фиксируется в журнале (дата, IP, лицензия) — доказуемая цепочка поставки.
) : (
Недоступно

Дата выпуска версии ({D.formatDate(version.release_date)}) позже окончания права на обновления ({D.formatDate(lic.updates_until)}).
)}

{lic.license_key} {lic.updates_until ? D.formatDate(lic.updates_until) : 'Без ограничения'}

); } // ---- Профиль ---- function ProfileScreen({ user, reload }) { const [edit, setEdit] = React.useState(false); return (

{(user && user.display_name ? user.display_name.trim().split(/\s+/).map((s) => s[0]).slice(0, 2).join('').toUpperCase() : '—')}

{user.display_name}

{user.org}

{user.email} Клиент {D.licenses.length}

Мои лицензии

{D.licenses.map((l) => { const p = D.productById(l.product_id); const st = D.updatesStatus(l.updates_until); return (

{p.name}

{l.license_key}

{st.label}
); })}

История загрузок

{['Продукт', 'Версия', 'Дата и время', 'IP'].map((h) => )} {D.downloadLog.map((r) => ( ))}

{h}

{r.product} v{r.version} {r.created_at} {r.ip}

{edit && setEdit(false)} onSaved={reload} />}
); } Object.assign(window, { Dashboard, UpdatesFeed, ProductScreen, VersionScreen, ProfileScreen }); })();