/* ============================================================ custom-quests.jsx — раздел «Свои квесты». Пользователь создаёт собственные квесты: название, описание, запись действий и учёт времени с той же ступенчатой шкалой баллов, что и у курсов (за 1-й час / часы 2–10 / далее). Регистрирует window.Screens.questsCustom (вкладка в «Квестах»). ============================================================ */ const React = window.React; const { useState, useEffect, useRef } = React; const A = window.PlannerActions; const Icon = window.Icon; /* Картинка заметки: грузится через authFetch (папка защищена токеном) в blob-URL, показывается миниатюрой, по клику открывается в полном размере. */ function NoteImage({ name, onRemove }) { const [url, setUrl] = useState(null); const [err, setErr] = useState(false); useEffect(() => { let dead = false, obj = null; window.authFetch(window.noteImageUrl(name)) .then((r) => { if (!r.ok) throw new Error("404"); return r.blob(); }) .then((b) => { if (dead) return; obj = URL.createObjectURL(b); setUrl(obj); }) .catch(() => { if (!dead) setErr(true); }); return () => { dead = true; if (obj) URL.revokeObjectURL(obj); }; }, [name]); return (
{url ? ( ) : (
{err ? "✕" : "…"}
)} {onRemove && }
); } function QuestRatesEditor({ rates, onChange }) { const set = (k, v) => onChange({ ...rates, [k]: Math.max(0, Math.round(Number(v) || 0)) }); const field = (k, label) => ( ); return (
{field("firstHour", "За 1-й час")} {field("first10h", "Часы 2–10")} {field("normal", "Далее (10+)")}
); } function CustomQuestCard({ quest, state, nav, timer, todayIdx }) { const Cmp = window; const [editing, setEditing] = useState(false); const [eTitle, setETitle] = useState(quest.title); const [eDesc, setEDesc] = useState(quest.desc || ""); const [eRates, setERates] = useState(quest.ptsRates || Cmp.DEFAULT_RATES); const [actionDraft, setActionDraft] = useState(""); const [linking, setLinking] = useState(false); const [linkQuery, setLinkQuery] = useState(""); const mats = (state && state.materials) || []; const linked = (quest.links || []).map((id) => mats.find((m) => m.id === id)).filter(Boolean); const lq = linkQuery.trim().toLowerCase(); const results = lq ? mats.filter((m) => ((m.title || "") + " " + (m.author || "")).toLowerCase().includes(lq)).slice(0, 40) : []; const openMat = (id) => nav && nav({ screen: "material", id }); const [draftImages, setDraftImages] = useState([]); /* имена уже загруженных картинок черновика */ const [imgBusy, setImgBusy] = useState(0); const fileRef = useRef(null); const uploadImages = async (files) => { const imgs = Array.from(files || []).filter((f) => f && /^image\//.test(f.type)); if (!imgs.length) return; for (const f of imgs) { setImgBusy((n) => n + 1); try { const name = await window.uploadNoteImage(f); setDraftImages((arr) => [...arr, name]); } catch (e) { window.pushToast && window.pushToast({ id: Date.now() + Math.random(), text: "Картинка: " + e.message, pts: 0 }); } finally { setImgBusy((n) => n - 1); } } }; const onPaste = (e) => { const items = (e.clipboardData && e.clipboardData.items) || []; const files = []; for (const it of items) { if (it.kind === "file" && /^image\//.test(it.type)) { const f = it.getAsFile(); if (f) files.push(f); } } if (files.length) { e.preventDefault(); uploadImages(files); } }; const onPickFiles = (e) => { uploadImages(e.target.files); e.target.value = ""; }; const allSec = (quest.timeLog || []).reduce((s, e) => s + Cmp.entrySec(e), 0); const totalPts = Cmp.courseTimePts(allSec, quest.ptsRates); const todayPts = Cmp.cquestTimePtsToday(quest); const r = quest.ptsRates || Cmp.DEFAULT_RATES; const save = () => { A.updateCustomQuest(quest.id, { title: eTitle.trim() || quest.title, desc: eDesc.trim(), ptsRates: eRates }); setEditing(false); }; const addAction = () => { if (!actionDraft.trim() && !draftImages.length) return; A.addQuestAction(quest.id, actionDraft, draftImages); setActionDraft(""); setDraftImages([]); }; return (
{editing ? (
Название
setETitle(e.target.value)} className="g-input" style={{ width: "100%", marginBottom: 10 }} />
Описание