zuevav
6fee3c5ff7
Код bj-lk перенесён в modules/lk (cmd/bj-lk — запуск, флаг -version); релиз собирает bj-lk со своей версией (LK_VERSION), unit bj-lk.service встроен в комплект установщика и берёт адрес bj-server и ключ доступа из /etc/bj/lk.env, а не из unit-файла. Исправлено: признаки «администратор» и «кабинет клиента» читались из общей переменной последнего запроса (curReq) — при одновременной работе признак мог достаться чужому запросу. Теперь из кук своего запроса. Без BJ_URL/BJ_KEY кабинет показывает подсказку настройки вместо падения службы. Тесты: вход, портфель, health, флаг админа по запросу, без настройки. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
312 lines
21 KiB
Go
312 lines
21 KiB
Go
package lk
|
|
|
|
// pageTemplates — встроенные страницы Личного кабинета (без внешних зависимостей,
|
|
// чтобы модуль был одним файлом и ставился на любой веб-сервер).
|
|
const pageTemplates = `
|
|
{{define "head"}}<!DOCTYPE html><html lang="ru"><head><meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>{{.Title}}</title>
|
|
<style>
|
|
:root{--bg:#f6f7f9;--card:#fff;--bd:#e3e6ec;--tx:#1b2029;--mut:#5b6472;--acc:#2563eb;--ok:#15803d;--err:#c22a2a;
|
|
--bd-strong:#c9cfda;--bg-2:#eef0f4;
|
|
--bg-neu:rgba(37,99,235,.12);--tx-neu:#1d4ed8;--bg-ok:rgba(21,128,61,.14);--tx-ok:#15803d;--bg-err:rgba(194,42,42,.12);--tx-err:#b91c1c;--bg-warn:rgba(180,120,0,.16);--tx-warn:#a15c07}
|
|
@media(prefers-color-scheme:dark){:root{--bg:#0f1116;--card:#181b22;--bd:#2a2f3a;--tx:#e8eaed;--mut:#a2acbd;--acc:#7ba7ff;--ok:#5bd085;--err:#ff8f8f;
|
|
--bd-strong:#3a4150;--bg-2:#20242e;
|
|
--bg-neu:rgba(123,167,255,.16);--tx-neu:#93c5fd;--bg-ok:rgba(91,208,133,.18);--tx-ok:#86efac;--bg-err:rgba(255,143,143,.18);--tx-err:#fca5a5;--bg-warn:rgba(245,180,80,.18);--tx-warn:#fcd34d}}
|
|
*{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
|
|
background:var(--bg);color:var(--tx);line-height:1.5}
|
|
.top{background:var(--card);border-bottom:1px solid var(--bd);padding:0 20px;height:56px;display:flex;align-items:center;gap:8px;position:sticky;top:0;z-index:5;overflow-x:auto}
|
|
.brand{font-weight:700;font-size:16px;white-space:nowrap;margin-right:8px}.top a{color:var(--mut);text-decoration:none;font-size:14px;padding:8px 10px;border-radius:7px;white-space:nowrap}
|
|
.top a:hover{background:var(--bg);color:var(--tx)}.top a.on{background:var(--bg-neu);color:var(--tx-neu)}
|
|
.top .right{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:13px;color:var(--mut);white-space:nowrap}
|
|
main{max-width:980px;margin:0 auto;padding:22px 20px}
|
|
h1{font-size:22px;margin:0 0 14px}h2{font-size:16px;margin:0 0 12px}
|
|
.card{background:var(--card);border:1px solid var(--bd);border-radius:12px;padding:18px 20px;margin-bottom:16px}
|
|
.tw{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 -4px}
|
|
table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--bd);white-space:nowrap}
|
|
th{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--mut);font-weight:600}
|
|
.num{text-align:right;font-variant-numeric:tabular-nums}
|
|
code{font-size:12px;background:var(--bg-2);padding:1px 5px;border-radius:4px}
|
|
input,select,textarea{padding:10px 12px;border:1px solid var(--bd-strong);border-radius:8px;background:var(--card);color:var(--tx);font:inherit;font-size:16px;width:100%}
|
|
input:focus,select:focus,textarea:focus{outline:2px solid var(--acc);outline-offset:1px;border-color:var(--acc)}
|
|
label{font-size:13px;font-weight:500;display:block;margin-bottom:4px}
|
|
.btn{background:var(--acc);color:#fff;border:0;border-radius:8px;padding:11px 18px;font:inherit;font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;min-height:44px;line-height:22px}
|
|
.btn:hover{filter:brightness(1.06)}.btn.sec{background:var(--card);color:var(--tx);border:1px solid var(--bd-strong)}
|
|
.btn.sm{min-height:0;padding:6px 10px;font-size:12px}
|
|
.msg{padding:12px 14px;border-radius:9px;margin-bottom:14px;font-size:14px}
|
|
.msg.err{background:var(--bg-err);color:var(--tx-err)}.msg.ok{background:var(--bg-ok);color:var(--tx-ok)}
|
|
.mut{color:var(--mut);font-size:13px}
|
|
.badge{display:inline-block;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:700;background:var(--bg-neu);color:var(--tx-neu)}
|
|
.badge.ok{background:var(--bg-ok);color:var(--tx-ok)}.badge.err{background:var(--bg-err);color:var(--tx-err)}.badge.warn{background:var(--bg-warn);color:var(--tx-warn)}
|
|
.login-wrap{max-width:380px;margin:8vh auto;padding:0 20px}
|
|
.ovl{position:fixed;inset:0;background:rgba(10,12,18,.55);display:none;align-items:center;justify-content:center;padding:16px;z-index:20}
|
|
.ovl.on{display:flex}
|
|
.modal{background:var(--card);border:1px solid var(--bd);border-radius:14px;max-width:460px;width:100%;padding:22px;max-height:90vh;overflow:auto}
|
|
.modal h2{margin-top:0}
|
|
.sumrow{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid var(--bd);font-size:14px}
|
|
.warnbox{background:var(--bg-warn);color:var(--tx-warn);border-radius:9px;padding:11px 13px;font-size:13px;font-weight:500;margin:14px 0}
|
|
@media(max-width:600px){main{padding:16px 14px}.card{padding:15px 15px}h1{font-size:20px}
|
|
input,select,textarea{font-size:16px}}
|
|
</style></head><body>{{end}}
|
|
|
|
{{define "nav"}}<div class="top"><span class="brand">{{.Title}}</span>
|
|
{{if .IsAdmin}}<a href="/clients" class="{{if eq .Nav "a"}}on{{end}}">Клиенты</a>{{end}}
|
|
<a href="/" class="{{if eq .Nav "p"}}on{{end}}">Мои бумаги</a>
|
|
<a href="/transfer" class="{{if eq .Nav "t"}}on{{end}}">Перевести бумаги</a>
|
|
<a href="/claims" class="{{if eq .Nav "c"}}on{{end}}">Мои заявки</a>
|
|
<span class="right">{{with .FullName}}{{.}}{{end}}{{with .Contract}} · договор {{.}}{{end}} <a href="/logout">Выйти</a></span>
|
|
</div>
|
|
{{if .AsClient}}<div style="background:#fff4d6;border-bottom:1px solid #e8c877;padding:9px 20px;font-size:13px">
|
|
👤 Вы просматриваете кабинет клиента <b>{{.AsClient}}</b> от имени администратора ·
|
|
<a href="/back-to-admin">вернуться к списку клиентов</a></div>{{end}}{{end}}
|
|
|
|
{{define "login"}}{{template "head" .}}
|
|
<div class="login-wrap">
|
|
<div class="card">
|
|
<h1>{{.Title}}</h1>
|
|
<p class="mut">Войдите, чтобы посмотреть свои ценные бумаги и подать заявку на перевод к другому брокеру.</p>
|
|
{{with .Flash}}<div class="msg err">{{.}}</div>{{end}}
|
|
<form method="post" action="/login" style="display:grid;gap:12px;margin-top:14px">
|
|
<div><label for="f-login">Логин</label><input id="f-login" name="login" autocomplete="username" required autofocus></div>
|
|
<div><label for="f-pass">Пароль</label><input id="f-pass" name="password" type="password" autocomplete="current-password" required></div>
|
|
<button class="btn" type="submit" style="width:100%">Войти</button>
|
|
</form>
|
|
<p class="mut" style="margin-top:14px">🔒 Соединение защищено. Мы не запрашиваем пароль по телефону или в письмах.</p>
|
|
</div>
|
|
<p class="mut" style="text-align:center">Логин и пароль выдаёт ваш брокер. Не можете войти — обратитесь в поддержку брокера.</p>
|
|
</div>
|
|
</body></html>{{end}}
|
|
|
|
{{define "portfolio"}}{{template "head" .}}{{template "nav" .}}
|
|
<main>
|
|
<h1>Мои ценные бумаги</h1>
|
|
{{if .Source}}<p class="mut">Источник данных: {{.Source}}{{if .Contract}} · договор {{.Contract}}{{end}}</p>{{end}}
|
|
{{with .Flash}}<div class="msg ok">{{.}}</div>{{end}}
|
|
{{with .Error}}<div class="msg err">{{.}}</div>{{end}}
|
|
<div class="card">
|
|
{{if .Positions}}
|
|
<div class="tw"><table>
|
|
<thead><tr><th>Бумага</th><th>ISIN</th><th class="num">Всего</th><th class="num">Заблокировано</th><th class="num">Доступно к переводу</th></tr></thead>
|
|
<tbody>
|
|
{{range .Positions}}
|
|
<tr>
|
|
<td>{{if .SecurityName}}{{.SecurityName}}{{else}}{{.SecurityCode}}{{end}}</td>
|
|
<td><code>{{.ISIN}}</code></td>
|
|
<td class="num">{{fmtnum .Quantity}}</td>
|
|
<td class="num">{{if .Blocked}}{{fmtnum .Blocked}}{{else}}—{{end}}</td>
|
|
<td class="num">{{if .Transferable}}<b>{{fmtnum .Available}}</b>{{else}}<span class="mut" title="{{.Note}}">не переводится</span>{{end}}</td>
|
|
</tr>
|
|
{{end}}
|
|
</tbody>
|
|
</table></div>
|
|
<p class="mut" style="margin-top:12px">Через сервис MOEX МОСТ переводятся только российские ценные бумаги (ISIN начинается с RU). Иностранные бумаги показаны для полноты портфеля, но заявку по ним подать нельзя.</p>
|
|
{{if .ReadOnly}}
|
|
<p class="mut" style="margin-top:16px">📋 Данные загружены из депозитарного учёта. Подача заявок на перевод для этого договора пока недоступна — раздел работает в режиме просмотра.</p>
|
|
{{else}}
|
|
<p style="margin-top:16px"><a class="btn" href="/transfer">Перевести бумаги другому брокеру</a></p>
|
|
{{end}}
|
|
{{else}}
|
|
<p class="mut">Бумаг на счёте не найдено. Если вы считаете, что это ошибка — обратитесь к вашему брокеру.</p>
|
|
{{end}}
|
|
</div>
|
|
</main></body></html>{{end}}
|
|
|
|
{{define "transfer"}}{{template "head" .}}{{template "nav" .}}
|
|
<main>
|
|
<h1>Перевод бумаг другому брокеру</h1>
|
|
{{with .Error}}<div class="msg err">{{.}}</div>{{end}}
|
|
<form method="post" action="/transfer" id="tform">
|
|
<div class="card">
|
|
<h2>Куда переводим</h2>
|
|
<p class="mut">Укажите депозитарий брокера, к которому переводите бумаги. Перевод оформляется на вас же — как перевод «самому себе» в другой депозитарий.</p>
|
|
<div style="display:grid;gap:12px;max-width:520px;margin-top:12px">
|
|
<div><label for="rinn">ИНН депозитария-получателя *</label>
|
|
<input id="rinn" name="receiving_inn" required inputmode="numeric" pattern="\d{{"{"}}10{{"}"}}|\d{{"{"}}12{{"}"}}" maxlength="12" placeholder="7722061076"
|
|
title="ИНН организации — 10 цифр">
|
|
<p class="mut" style="margin-top:4px">ИНН депозитария вашего нового брокера — уточните его у брокера-получателя.</p></div>
|
|
<div><label for="rname">Наименование брокера/депозитария</label><input id="rname" name="receiving_name" placeholder="например, ООО «Брокер»"></div>
|
|
<div><label for="racc">Ваш счёт депо у нового брокера (если известен)</label><input id="racc" name="account_at_recv" placeholder="необязательно"></div>
|
|
</div>
|
|
</div>
|
|
<div class="card">
|
|
<h2>Что переводим</h2>
|
|
{{if .Positions}}
|
|
<div class="tw"><table>
|
|
<thead><tr><th>Бумага</th><th>ISIN</th><th class="num">Доступно</th><th style="min-width:190px">Сколько перевести</th></tr></thead>
|
|
<tbody>
|
|
{{range .Positions}}
|
|
<tr>
|
|
<td>{{if .SecurityName}}{{.SecurityName}}{{else}}{{.SecurityCode}}{{end}}</td>
|
|
<td><code>{{.ISIN}}</code></td>
|
|
<td class="num">{{if .Transferable}}{{fmtnum .Available}}{{else}}—{{end}}</td>
|
|
<td>{{if .Transferable}}<input type="hidden" name="isin" value="{{.ISIN}}">
|
|
<div style="display:flex;gap:6px;align-items:center">
|
|
<input class="qty" name="qty_{{.ISIN}}" type="number" min="0" step="any" max="{{printf "%g" .Available}}"
|
|
inputmode="decimal" placeholder="0" style="max-width:120px"
|
|
aria-label="Сколько перевести: {{if .SecurityName}}{{.SecurityName}}{{else}}{{.ISIN}}{{end}}"
|
|
data-name="{{if .SecurityName}}{{.SecurityName}}{{else}}{{.ISIN}}{{end}}" data-isin="{{.ISIN}}" data-avail="{{printf "%g" .Available}}"
|
|
{{if not .Available}}disabled{{end}}>
|
|
<button type="button" class="btn sec sm qall">всё</button>
|
|
</div>
|
|
{{else}}<span class="mut">{{.Note}}</span>{{end}}</td>
|
|
</tr>
|
|
{{end}}
|
|
</tbody>
|
|
</table></div>
|
|
<div style="margin-top:14px;max-width:520px"><label for="cmt">Комментарий (необязательно)</label><textarea id="cmt" name="comment" rows="2"></textarea></div>
|
|
<div style="margin-top:16px;display:flex;gap:10px;flex-wrap:wrap">
|
|
<button class="btn" type="submit">Проверить и подать</button>
|
|
<a class="btn sec" href="/">Отмена</a>
|
|
</div>
|
|
<p class="mut" style="margin-top:12px">Перед подачей вы увидите сводку для проверки. После подачи заявка проходит проверку у брокера, затем направляется в НРД. Статус виден в разделе «Мои заявки».</p>
|
|
{{else}}<p class="mut">Нет доступных бумаг для перевода.</p>{{end}}
|
|
</div>
|
|
</form>
|
|
|
|
<div class="ovl" id="cov" role="dialog" aria-modal="true" aria-labelledby="ctitle">
|
|
<div class="modal">
|
|
<h2 id="ctitle">Проверьте заявку на перевод</h2>
|
|
<div class="sumrow"><span class="mut">Депозитарий-получатель</span><span id="c-recv" style="text-align:right"></span></div>
|
|
<div id="c-secs" style="margin-top:4px"></div>
|
|
<div class="warnbox">⚠️ После подачи заявку нельзя отменить или изменить. Бумаги переводятся другому брокеру. Проверьте получателя и количество.</div>
|
|
<div style="display:flex;gap:10px;flex-wrap:wrap">
|
|
<button class="btn" id="cyes" type="button">Подтверждаю, подать</button>
|
|
<button class="btn sec" id="cno" type="button">Вернуться</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script>
|
|
(function(){
|
|
var f=document.getElementById('tform'); if(!f) return;
|
|
var ov=document.getElementById('cov');
|
|
// «всё» — заполнить доступным количеством
|
|
f.querySelectorAll('.qall').forEach(function(b){
|
|
b.addEventListener('click',function(){
|
|
var q=b.parentNode.querySelector('.qty'); if(q){q.value=q.getAttribute('data-avail'); q.focus();}
|
|
});
|
|
});
|
|
function fmt(n){ n=Number(n); return (n%1===0)? String(n): String(n); }
|
|
f.addEventListener('submit',function(e){
|
|
e.preventDefault();
|
|
// собрать выбранные бумаги
|
|
var rows=[], bad=null;
|
|
f.querySelectorAll('.qty').forEach(function(q){
|
|
var v=parseFloat((q.value||'').replace(',','.'));
|
|
if(!q.value||isNaN(v)||v<=0) return;
|
|
var av=parseFloat(q.getAttribute('data-avail'));
|
|
if(v>av){ bad=q.getAttribute('data-name')+': запрошено '+fmt(v)+', доступно '+fmt(av); }
|
|
rows.push({name:q.getAttribute('data-name'), isin:q.getAttribute('data-isin'), qty:v});
|
|
});
|
|
var inn=(f.receiving_inn.value||'').trim();
|
|
if(!/^(\d{10}|\d{12})$/.test(inn)){ f.receiving_inn.focus(); alert('Проверьте ИНН депозитария-получателя: должно быть 10 цифр.'); return; }
|
|
if(rows.length===0){ alert('Укажите количество хотя бы по одной бумаге.'); return; }
|
|
if(bad){ alert('Превышен доступный остаток. '+bad); return; }
|
|
// заполнить сводку
|
|
var rn=(f.receiving_name.value||'').trim();
|
|
document.getElementById('c-recv').innerHTML='<b>ИНН '+inn+'</b>'+(rn?('<br><span class="mut">'+rn+'</span>'):'');
|
|
var h=''; rows.forEach(function(r){
|
|
h+='<div class="sumrow"><span>'+r.name+' <span class="mut">('+r.isin+')</span></span><b>'+fmt(r.qty)+' шт</b></div>';
|
|
});
|
|
document.getElementById('c-secs').innerHTML=h;
|
|
ov.classList.add('on');
|
|
});
|
|
document.getElementById('cno').addEventListener('click',function(){ ov.classList.remove('on'); });
|
|
ov.addEventListener('click',function(e){ if(e.target===ov) ov.classList.remove('on'); });
|
|
document.getElementById('cyes').addEventListener('click',function(){
|
|
var b=this; b.disabled=true; b.textContent='Отправляем…'; f.submit();
|
|
});
|
|
})();
|
|
</script>
|
|
</main></body></html>{{end}}
|
|
|
|
{{define "claims"}}{{template "head" .}}{{template "nav" .}}
|
|
<main>
|
|
<h1>Мои заявки</h1>
|
|
{{with .Flash}}<div class="msg ok">{{.}}</div>{{end}}
|
|
{{with .Error}}<div class="msg err">{{.}}</div>{{end}}
|
|
<div class="card">
|
|
{{if .Claims}}
|
|
<div class="tw"><table>
|
|
<thead><tr><th>Дата</th><th>Номер</th><th class="num">Бумаг</th><th>Статус</th><th>Примечание</th></tr></thead>
|
|
<tbody>
|
|
{{range .Claims}}
|
|
<tr>
|
|
<td>{{.CreatedAt}}</td>
|
|
<td><code title="{{.GUID}}">{{shortid .GUID}}</code></td>
|
|
<td class="num">{{.Securit}}</td>
|
|
<td>{{if or (eq .Status "rejected") (eq .Status "declined") (eq .Status "error")}}<span class="badge err">{{.StatusRu}}</span>
|
|
{{else if eq .Status "done"}}<span class="badge ok">{{.StatusRu}}</span>
|
|
{{else}}<span class="badge">{{.StatusRu}}</span>{{end}}</td>
|
|
<td class="mut" style="white-space:normal;min-width:180px">{{.Reason}}</td>
|
|
</tr>
|
|
{{end}}
|
|
</tbody>
|
|
</table></div>
|
|
<p class="mut" style="margin-top:12px">Наведите на номер, чтобы увидеть полный идентификатор заявки. Он понадобится при обращении в поддержку.</p>
|
|
{{else}}
|
|
<p class="mut">Заявок пока нет. <a href="/transfer">Подать заявку на перевод</a></p>
|
|
{{end}}
|
|
</div>
|
|
</main></body></html>{{end}}
|
|
|
|
{{define "clients"}}{{template "head" .}}{{template "nav" .}}
|
|
<main>
|
|
<h1>Клиенты</h1>
|
|
<p class="mut">Список клиентов личного кабинета. Можно открыть кабинет любого клиента, чтобы посмотреть его бумаги и заявки его глазами.</p>
|
|
{{with .Flash}}<div class="msg err">{{.}}</div>{{end}}
|
|
{{with .Error}}<div class="msg err">{{.}}</div>{{end}}
|
|
<div class="card">
|
|
{{if .Clients}}
|
|
<div class="tw"><table>
|
|
<thead><tr><th>Клиент</th><th>Логин</th><th>Договор</th><th>E-mail</th><th>Статус</th><th></th></tr></thead>
|
|
<tbody>
|
|
{{range .Clients}}
|
|
<tr>
|
|
<td>{{if .FullName}}{{.FullName}}{{else}}—{{end}}{{if .IsAdmin}} <span class="badge">админ</span>{{end}}</td>
|
|
<td><code>{{.Login}}</code></td>
|
|
<td>{{.Contract}}</td>
|
|
<td class="mut">{{.Email}}</td>
|
|
<td>{{if .Active}}<span class="badge ok">активен</span>{{else}}<span class="badge err">заблокирован</span>{{end}}</td>
|
|
<td>{{if not .IsAdmin}}<a class="btn sec" href="/impersonate?login={{.Login}}">Открыть кабинет</a>{{end}}</td>
|
|
</tr>
|
|
{{end}}
|
|
</tbody>
|
|
</table></div>
|
|
{{else if not .Error}}
|
|
<p class="mut">Клиентов пока нет.</p>
|
|
{{end}}
|
|
</div>
|
|
|
|
<h2>Клиенты депозитария</h2>
|
|
<p class="mut">Реальные договоры из депозитарного учёта. Учётная запись в кабинете им не нужна —
|
|
администратор открывает кабинет по договору в режиме просмотра.</p>
|
|
{{with .DepoError}}<div class="msg err">Депозитарий недоступен: {{.}}</div>{{end}}
|
|
<div class="card">
|
|
<form method="get" action="/clients" class="row" style="margin-bottom:12px">
|
|
<input type="text" name="search" value="{{.Search}}" placeholder="номер договора или ФИО, например БР-1001 или Гравс" style="flex:1">
|
|
<button class="btn" type="submit">Найти</button>
|
|
{{if .Search}}<a class="btn sec" href="/clients">Сбросить</a>{{end}}
|
|
</form>
|
|
{{if .Depo}}
|
|
<div class="tw"><table>
|
|
<thead><tr><th>Клиент</th><th>Договор</th><th>Бумаг</th><th></th></tr></thead>
|
|
<tbody>
|
|
{{range .Depo}}
|
|
<tr>
|
|
<td>{{if .Name}}{{.Name}}{{else}}—{{end}}</td>
|
|
<td><code>{{.Contract}}</code></td>
|
|
<td>{{.Securities}}</td>
|
|
<td><a class="btn sec" href="/impersonate?contract={{.Contract}}">Открыть кабинет</a></td>
|
|
</tr>
|
|
{{end}}
|
|
</tbody>
|
|
</table></div>
|
|
<p class="mut">Показаны первые 100 договоров с ненулевыми остатками. Уточните поиск, чтобы найти нужного клиента.</p>
|
|
{{else if not .DepoError}}
|
|
<p class="mut">По запросу «{{.Search}}» договоров с бумагами не найдено.</p>
|
|
{{end}}
|
|
</div>
|
|
</main></body></html>{{end}}
|
|
`
|