/* Личный кабинет — вход по email-коду + дашборд (живые данные из /auth/* и /api/me) */
const ACC_KEY = 'dzagli_account_in';
const ACC_TOKEN_KEY = 'dzagli_token';
/* API на боевом домене; из сред предпросмотра ходим на него же через CORS */
const ACC_API = ['dzagli.space','localhost','127.0.0.1'].includes(location.hostname)
? '' : 'https://dzagli.space';
function accGetToken() {
return localStorage.getItem(ACC_TOKEN_KEY) || sessionStorage.getItem(ACC_TOKEN_KEY) || '';
}
function accSaveToken(token, remember) {
(remember ? localStorage : sessionStorage).setItem(ACC_TOKEN_KEY, token);
}
function accClearToken() {
localStorage.removeItem(ACC_TOKEN_KEY);
sessionStorage.removeItem(ACC_TOKEN_KEY);
}
async function accApi(path, opts = {}) {
const res = await fetch(ACC_API + path, {
method: opts.method || 'GET',
headers: {
...(opts.body ? { 'Content-Type': 'application/json' } : {}),
...(opts.token ? { 'Authorization': 'Bearer ' + opts.token } : {}),
},
body: opts.body ? JSON.stringify(opts.body) : undefined,
});
let data = null;
try { data = await res.json(); } catch (e) {}
return { status: res.status, data };
}
/* ——— даты/статусы ——— */
const ACC_TZ = 'Asia/Tbilisi';
const ACC_MONTHS = ['ЯНВ','ФЕВ','МАР','АПР','МАЯ','ИЮН','ИЮЛ','АВГ','СЕН','ОКТ','НОЯ','ДЕК'];
function accDate(iso) {
const d = new Date(iso);
const parts = new Intl.DateTimeFormat('ru-RU', {
timeZone: ACC_TZ, day: '2-digit', month: 'numeric',
weekday: 'short', hour: '2-digit', minute: '2-digit', hour12: false,
}).formatToParts(d);
const g = t => (parts.find(p => p.type === t) || {}).value || '';
return { day: g('day'), mon: ACC_MONTHS[Number(g('month')) - 1] || '',
dow: g('weekday'), time: g('hour') + ':' + g('minute') };
}
const ACC_BK_STATUS = { accepted:'подтверждено', pending:'ожидает', cancelled:'отменено', rejected:'отклонено' };
const ACC_EV_STATUS = { confirmed:'подтверждено', waitlist:'лист ожидания' };
const ACC_MONTHS_NOM = ['Январь','Февраль','Март','Апрель','Май','Июнь','Июль','Август','Сентябрь','Октябрь','Ноябрь','Декабрь'];
const ACC_MONTHS_GEN = ['января','февраля','марта','апреля','мая','июня','июля','августа','сентября','октября','ноября','декабря'];
const ACC_DOWS = ['ПН','ВТ','СР','ЧТ','ПТ','СБ','ВС'];
/* 'YYYY-MM-DD' по Тбилиси */
function accDateKey(iso) {
return new Intl.DateTimeFormat('en-CA', { timeZone: ACC_TZ,
year:'numeric', month:'2-digit', day:'2-digit' }).format(new Date(iso));
}
/* Канонические названия помещений: все варианты написания → одно имя */
function accNormalizeSpace(raw) {
const name = (raw || '').split(' между ')[0].trim();
const n = name.toLowerCase().replace(/[^a-zа-яё]/g, '');
if (n.includes('black') && n.includes('white')) return 'Black&white scene';
if (n.includes('tetatet')) return 'Тет-а-тет';
return name || 'Бронь';
}
/* Цвета помещений: известные — фиксированные, новые — из палитры по порядку появления */
const ACC_PALETTE = ['#C2552B','#2F5FA8','#7A5FA0','#9C8118'];
function accSpaceColors(bookings) {
const colors = {};
let i = 0;
bookings.forEach(b => {
if (colors[b.space]) return;
const n = b.space.toLowerCase().replace(/[^a-zа-яё]/g, '');
if (n.includes('black') && n.includes('white')) colors[b.space] = '#26241C';
else if (n.includes('tetatet')) colors[b.space] = '#1A8F52';
else colors[b.space] = ACC_PALETTE[i++ % ACC_PALETTE.length];
});
return colors;
}
function accEnrichBooking(b) {
const s = accDate(b.starts_at), e = accDate(b.ends_at);
const past = new Date(b.ends_at) < new Date();
const space = accNormalizeSpace(b.space);
const hours = (new Date(b.ends_at) - new Date(b.starts_at)) / 3.6e6;
const dur = Number.isInteger(hours) ? hours + 'ч'
: String(Math.round(hours * 10) / 10).replace('.', ',') + 'ч';
return {
id: b.id, uid: b.uid, space, dateKey: accDateKey(b.starts_at),
startsMs: +new Date(b.starts_at),
day: s.day, mon: s.mon, dow: s.dow,
time: s.time + '–' + e.time, chip: s.time + '·' + dur,
kind: b.place || '',
price: b.price != null ? b.price + ' ₾' : '',
status: past && b.status === 'accepted' ? 'завершено' : (ACC_BK_STATUS[b.status] || b.status),
cancelled: b.status === 'cancelled' || b.status === 'rejected',
past,
};
}
function accMapEvent(ev) {
const s = accDate(ev.starts_at);
const past = new Date(ev.starts_at) < new Date();
return {
id: ev.id, title: ev.title, day: s.day, mon: s.mon, dow: s.dow,
time: s.time, place: ev.place || '',
status: ACC_EV_STATUS[ev.status] || ev.status, past,
};
}
function accInitials(name) {
return (name || '?').trim().split(/\s+/).slice(0, 2).map(w => w[0]).join('').toUpperCase();
}
function AccArr() { return ; }
function AccAvatar({ name, size=54 }) {
return {accInitials(name)}
;
}
/* ——— дашборд ——— */
function AccBookingCard({ b, onCancel }) {
const [confirming, setConfirming] = useState(false);
const [cancelling, setCancelling] = useState(false);
const [cancelError, setCancelError] = useState(false);
async function doCancel() {
setCancelling(true);
setCancelError(false);
const ok = await onCancel(b.id, b.uid);
setCancelling(false);
if (ok) { setConfirming(false); }
else { setCancelError(true); }
}
const canCancel = !b.past && !b.cancelled;
return (
{canCancel && (
)}
{b.day}
{b.mon}
аренда
{b.status}
{b.dow} · {b.time}
{b.space}
{b.price &&
{b.price}}
{confirming && (
{cancelError
? не удалось — попробуй ещё раз
: Отменить бронь?}
)}
{e.day}
{e.mon}
событие
{e.status}
{e.title}
{e.dow} · {e.time}{e.place ? ' · '+e.place : ''}
);
}
/* ——— календарь-планер броней ——— */
function AccCalendar({ bookings, colors, selected, onSelect }) {
const todayKey = accDateKey(new Date().toISOString());
const [ym, setYm] = useState(() => {
/* по умолчанию — месяц ближайшей активной брони */
const next = bookings.filter(b => !b.past).sort((a, b) => a.startsMs - b.startsMs)[0];
const k = next ? next.dateKey : todayKey;
return { y: +k.slice(0, 4), m: +k.slice(5, 7) - 1 };
});
const byDate = {};
bookings.forEach(b => { (byDate[b.dateKey] = byDate[b.dateKey] || []).push(b); });
Object.values(byDate).forEach(a => a.sort((x, y) => x.startsMs - y.startsMs));
const offset = (new Date(ym.y, ym.m, 1).getDay() + 6) % 7; /* ПН=0 */
const dim = new Date(ym.y, ym.m + 1, 0).getDate();
const dimPrev = new Date(ym.y, ym.m, 0).getDate();
const total = Math.ceil((offset + dim) / 7) * 7;
const pad2 = n => String(n).padStart(2, '0');
function shift(d) {
setYm(({ y, m }) => ({ y: y + Math.floor((m + d) / 12), m: (m + d + 12) % 12 }));
}
const cells = [];
for (let i = 0; i < total; i++) {
const dnum = i - offset + 1;
const out = dnum < 1 || dnum > dim;
const shown = dnum < 1 ? dimPrev + dnum : dnum > dim ? dnum - dim : dnum;
const key = out ? null : `${ym.y}-${pad2(ym.m + 1)}-${pad2(dnum)}`;
const dayBk = key ? (byDate[key] || []) : [];
const chips = dayBk.length > 3 ? dayBk.slice(0, 2) : dayBk;
const cls = 'cab-cal__cell'
+ (out ? ' is-out' : ' is-click')
+ (key && key === selected ? ' is-sel' : '')
+ (key === todayKey ? ' is-today' : '');
const toggle = () => onSelect(key === selected ? null : key);
cells.push(
{
if (e.key === 'Enter' || e.key === ' ') { e.preventDefault(); toggle(); }
}}>
{shown}
{chips.map(b => (
{b.chip}
))}
{dayBk.length > 3 && +{dayBk.length - 2} ещё}
);
}
/* только помещения из списка аренд пользователя (предстоящих и прошедших) */
const spaces = [...new Set(bookings.map(b => b.space).filter(Boolean))];
return (
{ACC_MONTHS_NOM[ym.m]} {ym.y}
{ACC_DOWS.map(d => {d})}
{cells}
{spaces.map(s => (
{s}
))}
прошедшая
сегодня
);
}
function AccDash({ go, onLogout, me }) {
const [tab, setTab] = useState('bookings');
const [selDay, setSelDay] = useState(null);
const [cancelledIds, setCancelledIds] = useState(new Set());
const nav = [['bookings','Брони'],['events','События'],['profile','Профиль']];
if (!me) {
return (
личный кабинет
загружаем…
);
}
/* отменённые в сессии помечаем сразу, до перезапроса Cal.com */
const bookings = me.bookings.map(accEnrichBooking).map(b =>
cancelledIds.has(b.id) ? { ...b, cancelled: true, status: 'отменено' } : b);
const live = bookings.filter(b => !b.cancelled); /* на календаре только активные */
const colors = accSpaceColors(live);
const events = me.events.map(accMapEvent);
const upBk = live.filter(b => !b.past).length;
const upEv = events.filter(e => !e.past).length;
async function handleCancel(bookingId, bookingUid) {
const { status, data } = await accApi(`/api/bookings/${bookingUid}/cancel`,
{ method: 'POST', token: accGetToken() });
const ok = status === 200 && data?.ok;
if (ok) setCancelledIds(prev => new Set([...prev, bookingId]));
return ok;
}
/* список под календарём: выбранный день (активные) либо все —
будущие по возрастанию, затем прошедшие и отменённые по убыванию */
const dayList = selDay ? live.filter(b => b.dateKey === selDay).sort((a,b) => a.startsMs - b.startsMs) : null;
const allList = [
...live.filter(b => !b.past).sort((a,b) => a.startsMs - b.startsMs),
...bookings.filter(b => b.past || b.cancelled).sort((a,b) => b.startsMs - a.startsMs),
];
const ctxLabel = selDay
? 'брони на ' + parseInt(selDay.slice(8,10), 10) + ' ' + ACC_MONTHS_GEN[+selDay.slice(5,7) - 1]
: 'все брони';
return (
личный кабинет
{tab==='bookings' && (
Мои брони
{upBk} активных
{ctxLabel}
{selDay && }
{selDay
? (dayList.length
?
: На этот день броней нет — выберите день с плашкой или нажмите «показать все».
)
: (allList.length
?
: Пока нет броней.
)}
)}
{tab==='events' && (
Мои события
{upEv} впереди
{events.length
?
: Пока нет записей на события.
}
)}
{tab==='profile' && (
Профиль
)}
);
}
/* ——— вход по email-коду ——— */
function AccCodeInputs({ code, setCode }) {
const refs = useRef([]);
function set(i, v) {
v = (v.match(/\d/g) || []).pop() || '';
const next = [...code]; next[i] = v; setCode(next);
if (v && i < 3 && refs.current[i+1]) refs.current[i+1].focus();
}
return (
{code.map((d,i)=>(
refs.current[i]=el}
className={'cab-otp__box'+(d?' is-filled':'')}
value={d} inputMode="numeric" maxLength={1} aria-label={'цифра '+(i+1)}
onChange={e=>set(i, e.target.value)}
onKeyDown={e=>{ if(e.key==='Backspace' && !code[i] && i>0 && refs.current[i-1]) refs.current[i-1].focus(); }} />
))}
);
}
function AccLogin({ stage, setStage, email, setEmail, remember, setRemember,
code, setCode, onSend, onLogin, busy, error }) {
return (
Бродячая Собака
{stage==='email' ? (
Вход в кабинет
Введите email — пришлём код для входа. Регистрация не нужна, аккаунт создаётся сам.
setEmail(e.target.value)}
type="email" inputMode="email" placeholder="you@example.com"
onKeyDown={e=>{ if(e.key==='Enter') onSend(); }} />
{error && {error}
}
Нажимая «Получить код», вы соглашаетесь
с правилами дома
) : (
Введите код
Отправили 4-значный код на {email}. Проверьте почту.
{error && {error}
}
)}
);
}
function Account({ go }) {
const [stage, setStage] = useState(() => accGetToken() ? 'in' : 'email');
const [email, setEmail] = useState('');
const [remember, setRemember] = useState(true);
const [code, setCode] = useState(['','','','']);
const [busy, setBusy] = useState(false);
const [error, setError] = useState('');
const [me, setMe] = useState(null);
function reset() {
accClearToken();
localStorage.removeItem(ACC_KEY);
setMe(null); setCode(['','','','']); setError(''); setStage('email');
window.dispatchEvent(new Event('authchange'));
}
useEffect(() => {
if (stage !== 'in') return;
let alive = true;
accApi('/api/me', { token: accGetToken() }).then(({ status, data }) => {
if (!alive) return;
if (status === 200 && data && data.user) setMe(data);
else reset(); // токен истёк/невалиден
}).catch(() => { if (alive) setMe(null); });
return () => { alive = false; };
}, [stage]);
async function sendCode() {
setError('');
setBusy(true);
try {
const { status } = await accApi('/auth/code', { method:'POST', body:{ email: email.trim() } });
if (status === 200) { setCode(['','','','']); setStage('code'); }
else if (status === 429) setError('Слишком много запросов — попробуйте через час.');
else setError('Проверьте email — похоже, в нём опечатка.');
} catch (e) { setError('Не получилось связаться с сервером. Попробуйте ещё раз.'); }
setBusy(false);
}
async function login() {
setError('');
const codeStr = code.join('');
if (codeStr.length < 4) { setError('Введите все 4 цифры кода.'); return; }
setBusy(true);
try {
const { status, data } = await accApi('/auth/verify',
{ method:'POST', body:{ email: email.trim(), code: codeStr, remember } });
if (status === 200 && data && data.ok) {
accSaveToken(data.token, remember);
localStorage.setItem(ACC_KEY, '1');
setStage('in');
window.dispatchEvent(new Event('authchange'));
} else {
setError('Неверный или устаревший код. Проверьте почту или запросите новый.');
setCode(['','','','']);
}
} catch (e) { setError('Не получилось связаться с сервером. Попробуйте ещё раз.'); }
setBusy(false);
}
function logout() {
const token = accGetToken();
if (token) accApi('/auth/logout', { method:'POST', token }).catch(()=>{});
reset();
}
if (stage==='in') return ;
return ;
}
Object.assign(window, { Account });