/* global React, Icon, Button, Field, TextField, formatPhone, PickerTrigger, SlidePicker, RangeCalendar */ // Schools.ArtemenkoCRM — Добавить / редактировать сотрудника const STAFF_ROLES = [ { value: 'teacher', label: 'Преподаватель' }, { value: 'manager', label: 'Менеджер' }, { value: 'admin', label: 'Администратор' }, ]; function StaffContacts({ contacts, onChange, openPicker }) { const { CONTACT_TYPES } = window.CRM_DATA; const setOne = (i, k, v) => onChange(contacts.map((c, idx) => idx === i ? { ...c, [k]: v } : c)); const add = () => onChange([...contacts, { type: 'phone', value: '+7 ' }]); const remove = (i) => onChange(contacts.filter((_, idx) => idx !== i)); const label = (t) => { const m = CONTACT_TYPES.find(x => x.value === t); return m ? m.label : (t || 'Канал'); }; return (
{contacts.map((c, i) => { const meta = CONTACT_TYPES.find(t => t.value === c.type) || {}; return (
openPicker({ title: 'Способ связи', value: c.type, options: CONTACT_TYPES.map(t => ({ value: t.value, label: t.label })), allowCustom: true, customPlaceholder: 'Название канала', onPick: (v) => onChange(contacts.map((cc, idx) => idx === i ? { ...cc, type: v, value: window.reseedContactValue(v, cc.type, cc.value) } : cc)) })} />
setOne(i, 'value', window.maskContactValue(c.type, v))} placeholder={meta.ph || '@username'} mono={!!meta.mono} />
); })}
); } function ChipMulti({ items, selected, onToggle, onAdd }) { const [expanded, setExpanded] = React.useState(false); // ~2 rows ≈ 8 chips before collapsing const LIMIT = 8; const overflow = items.length > LIMIT; const shown = expanded || !overflow ? items : items.slice(0, LIMIT); return (
{shown.map((it, ci) => { const on = selected.includes(it); return ( ); })} {overflow && ( )}
{onAdd && ( )}
); } // Модалка смены ставки: спрашивает, с какого числа ставка актуальна (прошлое/будущее/весь // период), и предупреждает, что пересчитаются все непроведённые выплаты с этой даты. function RateChangeModal({ staff, oldRate, newRate, onConfirm, onCancel }) { const fmt = (n) => new Intl.NumberFormat('ru-RU').format(n || 0); const todayISO = window.APP_TODAY_ISO || '2026-05-31'; const hireISO = window.staffHireISO ? window.staffHireISO(staff) : '2000-01-01'; const [mode, setMode] = React.useState('today'); // today | date | all const [date, setDate] = React.useState(todayISO); const [dateCalOpen, setDateCalOpen] = React.useState(false); // открыт ли наш стилизованный календарь const effFrom = mode === 'today' ? todayISO : mode === 'all' ? hireISO : date; const ruDate = (iso) => { const p = String(iso).split('-'); return p.length === 3 ? `${p[2]}.${p[1]}.${p[0]}` : iso; }; const opt = (val, label, sub) => ( ); return (

Смена ставки

{fmt(oldRate)} ₽ {fmt(newRate)} ₽ /занятие
С какого числа действует новая ставка?
{opt('today', 'С сегодняшнего дня', ruDate(todayISO))} {opt('date', 'С конкретной даты', 'можно указать в прошлом или будущем')} {mode === 'date' && (
{dateCalOpen && setDate(r.start)} onClose={() => setDateCalOpen(false)} />}
)} {opt('all', 'За весь период работы', `с ${ruDate(hireISO)}`)}
Будут пересчитаны все непроведённые (несформированные) выплаты начиная с {ruDate(effFrom)}. Уже выплаченные начисления не изменятся.
); } // Стилизованная подсказка (как наши модалки): всплывает над кнопкой, исчезает при уходе мыши. function Tip({ text, width = 250, children }) { const [show, setShow] = React.useState(false); return ( setShow(true)} onMouseLeave={() => setShow(false)}> {children} {show && ( {text} )} ); } function AddStaffModal({ onClose, onCreate, staff, onNavSettings, onFire, onDelete }) { const D = window.CRM_DATA; const editing = !!staff; const [shown, setShown] = React.useState(false); const [picker, setPicker] = React.useState(null); const [pickerCloseReq, setPickerCloseReq] = React.useState(0); const [role, setRole] = React.useState(staff ? staff.role : 'teacher'); const [name, setName] = React.useState(staff ? staff.name : ''); const origRate = staff ? (staff.rate || 0) : 0; const [rateModal, setRateModal] = React.useState(false); // teacher const [tPosition, setTPosition] = React.useState(staff && staff.position ? staff.position : D.TEACHER_POSITIONS[0]); const [rate, setRate] = React.useState(staff && staff.rate ? String(staff.rate) : ''); // Seed контактов: если массива contacts ещё нет (старые педагоги) — переносим телефон/Telegram // из legacy-полей contact/tg, иначе при сохранении номер затирается. const seedStaffContacts = () => { if (staff && staff.contacts && staff.contacts.length) return staff.contacts.map(c => ({ ...c })); if (staff) { const arr = []; if (staff.contact && staff.contact !== '—') arr.push({ type: 'phone', value: staff.contact }); if (staff.tg) arr.push({ type: 'telegram', value: staff.tg.replace(/^@?/, '@') }); if (arr.length) return arr; } return [{ type: 'phone', value: '+7 ' }]; }; const [contacts, setContacts] = React.useState(seedStaffContacts()); const [subjects, setSubjects] = React.useState(staff && staff.subjects ? [...staff.subjects] : []); const [payMethod, setPayMethod] = React.useState(staff && staff.payMethod ? staff.payMethod : null); const [notes, setNotes] = React.useState(staff && staff.notes ? staff.notes : ''); // manager / admin const [login, setLogin] = React.useState(staff && staff.login ? staff.login : ''); const [password, setPassword] = React.useState(''); const [tg, setTg] = React.useState(staff && staff.tg ? staff.tg.replace(/^@/, '') : ''); const [phone, setPhone] = React.useState(staff ? (staff.phone || (staff.contact && staff.contact !== '—' ? staff.contact : '')) : ''); const [mPosition, setMPosition] = React.useState(staff && staff.position ? staff.position : D.MANAGER_POSITIONS[0]); const [payDest, setPayDest] = React.useState(staff && staff.payDest ? staff.payDest : ''); React.useEffect(() => { const t = setTimeout(() => setShown(true), 10); return () => clearTimeout(t); }, []); const close = () => { setShown(false); setTimeout(onClose, 200); }; const roleDef = (D.STAFF_ROLES || []).find(r => r.value === role) || { value: role, label: role, kind: role === 'teacher' ? 'teacher' : 'account' }; const isTeacher = roleDef.kind === 'teacher'; const roleLabel = roleDef.label; const goAddRole = () => { close(); if (onNavSettings) onNavSettings('staff-roles'); }; const goAddDirection = () => { close(); if (onNavSettings) onNavSettings('staff-directions'); }; // Аккаунт обязателен ВСЕМ: без логина сотрудник не войдёт в кабинет, а профиль не к чему привязать. // При правке пароль можно не трогать (пустое поле = оставить прежний). const canSave = !!name.trim() && !!login.trim() && (editing || !!password.trim()); const submit = (rateChange) => { const base = { id: staff ? staff.id : Date.now() % 100000, role, name: name.trim(), status: staff ? staff.status : 'active', since: staff ? staff.since : 'сегодня', animal: staff ? staff.animal : 'paw-print', tone: staff ? staff.tone : (role === 'teacher' ? 'navy' : role === 'manager' ? 'green' : 'gold') }; const payload = isTeacher ? { ...base, position: tPosition, rate: parseInt((rate || '0').replace(/\D/g, ''), 10) || 0, contacts, subjects, payMethod, notes: notes.trim(), login: login.trim(), password: password.trim() ? password.trim() : (staff ? staff.password : ''), tg: (contacts.find(c => c.type === 'telegram') || {}).value || (staff ? staff.tg : ''), contact: (contacts.find(c => c.type === 'phone') || {}).value || '—' } : { ...base, position: mPosition, login: login.trim(), password: password.trim() ? password.trim() : (staff ? staff.password : ''), tg: tg ? '@' + tg.replace(/^@/, '') : '', phone, payDest, subjects: [], rate: 0, contact: phone || '—' }; if (rateChange) payload.__rateChange = rateChange; onCreate(payload, editing); }; const finish = () => { // Сменили ставку преподавателю → сначала спросить, с какого числа она действует. if (editing && isTeacher) { const nr = parseInt((rate || '0').replace(/\D/g, ''), 10) || 0; if (nr !== origRate) { setRateModal(true); return; } } setPicker(null); setShown(false); setTimeout(() => submit(), 200); }; const confirmRate = (effFrom) => { const nr = parseInt((rate || '0').replace(/\D/g, ''), 10) || 0; setRateModal(false); setPicker(null); setShown(false); setTimeout(() => submit({ from: effFrom, rate: nr }), 200); }; const toggleSubject = (s) => setSubjects(p => p.includes(s) ? p.filter(x => x !== s) : [...p, s]); return (
setPicker(null)} closeReq={pickerCloseReq} />