/* global React, Icon, Button, PickerTrigger, SlidePicker, Field, TextField, RangeCalendar */ // Schools.ArtemenkoCRM — Добавить расход (slide-in) const RECUR_PERIODS = [ { value: 'day', label: 'Каждый день' }, { value: 'week', label: 'Каждую неделю' }, { value: 'month', label: 'Каждый месяц' }, { value: 'year', label: 'Каждый год' }, ]; const MON_SHORT = ['янв', 'фев', 'мар', 'апр', 'мая', 'июн', 'июл', 'авг', 'сен', 'окт', 'ноя', 'дек']; const isoToday = () => { const d = new Date(); return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')}`; }; const fmtDate = (s) => { if (!s) return '—'; const [y, m, d] = s.split('-'); return `${+d} ${MON_SHORT[+m - 1]} ${y}`; }; function AddExpenseModal({ onClose, onCreate, onNavSettings }) { const { EXPENSE_CATEGORIES, PAYMENT_METHODS } = window.CRM_DATA; const [shown, setShown] = React.useState(false); const [picker, setPicker] = React.useState(null); const [category, setCategory] = React.useState(EXPENSE_CATEGORIES[0] || null); const [title, setTitle] = React.useState(''); const [description, setDescription] = React.useState(''); const [amount, setAmount] = React.useState(''); const [method, setMethod] = React.useState(PAYMENT_METHODS[0] || null); const [date, setDate] = React.useState(isoToday()); const [dateCal, setDateCal] = React.useState(false); const [recurring, setRecurring] = React.useState(false); const [recurPeriod, setRecurPeriod] = React.useState('month'); const [recurEnd, setRecurEnd] = React.useState(null); const [recurEndCal, setRecurEndCal] = React.useState(false); const dateRef = React.useRef(null); const endRef = React.useRef(null); React.useEffect(() => { const t = setTimeout(() => setShown(true), 10); return () => clearTimeout(t); }, []); React.useEffect(() => { const h = (e) => { if (dateRef.current && !dateRef.current.contains(e.target)) setDateCal(false); if (endRef.current && !endRef.current.contains(e.target)) setRecurEndCal(false); }; document.addEventListener('mousedown', h); return () => document.removeEventListener('mousedown', h); }, []); const close = () => { setShown(false); setTimeout(onClose, 200); }; const canSave = title.trim() && amount && parseInt(amount.replace(/\D/g, ''), 10) > 0; const recurLabel = (RECUR_PERIODS.find(p => p.value === recurPeriod) || {}).label; const submit = () => onCreate({ category, title: title.trim(), description: description.trim(), amount: parseInt(amount.replace(/\D/g, ''), 10) || 0, method, date, recurring, recurPeriod: recurring ? recurPeriod : null, recurEnd: recurring ? recurEnd : null, }); const finish = () => { setPicker(null); setShown(false); setTimeout(submit, 200); }; const dateBtn = (label, onClick, active) => ( ); return (
setPicker(null)} />