Todo-Kalender

\n \n \n

\n \n Sortieren\n \n \n

\n\n

\n \n \n

\n \n

Mehrere Zeilen einfügen ergibt mehrere Aufgaben. Zum Bearbeiten lange drücken (am Computer: Rechtsklick).

\n\n

\n \n

\n\n

\n \n

\n\n

\n\n\n\n`;",[204],"80da1385-dbc4-456b-88b8-843d1692594c","main.ts",["D",1789475769018],"http","import { Hono } from \"npm:hono\";\nimport * as db from \"./db.ts\";\nimport { PAGE } from \"./page.ts\";\nimport runReminders from \"./cron.ts\";\n\nconst SECRET = Deno.env.get(\"APP_SECRET\") ?? \"\";\nconst DATE_RE = /^\\d{4}-\\d{2}-\\d{2}$/;\n\nfunction authorized(s: string | undefined): boolean {\n if (!SECRET || !s || s.length !== SECRET.length) return false;\n let diff = 0;\n for (let i = 0; i < s.length; i++) {\n diff |= s.charCodeAt(i) ^ SECRET.charCodeAt(i);\n }\n return diff === 0;\n}\n\nconst app = new Hono();\napp.onError((err) => Promise.reject(err));\n\n// Her istek ?s=APP_SECRET ister.\napp.use(\"*\", async (c, next) => {\n if (!authorized(c.req.query(\"s\"))) {\n return c.text(\n \"Nicht autorisiert. Hänge ?s=PASSWORT an die Adresse an.\",\n 401,\n );\n }\n await next();\n});\n\napp.get(\"/\", (c) => c.html(PAGE));\n\napp.get(\"/api/state\", async (c) =>\n c.json({\n tasks: await db.listTasks(),\n lastMove: await db.getLastMove(),\n times: await db.getTimes(),\n }));\n\napp.post(\"/api/tasks\", async (c) => {\n const b = await c.req.json().catch(() => ({}));\n const date = String(b.date ?? \"\");\n const texts = (Array.isArray(b.texts) ? b.texts : [])\n .map((x: unknown) => String(x).trim())\n .filter(Boolean);\n if (!DATE_RE.test(date) || !texts.length) {\n return c.json({ error: \"Ungültige Anfrage\" }, 400);\n }\n await db.addTasks(date, texts);\n return c.json({ ok: true });\n});\n\napp.post(\"/api/tasks/:id/toggle\", async (c) => {\n await db.toggle(Number(c.req.param(\"id\")));\n return c.json({ ok: true });\n});\n\napp.post(\"/api/tasks/:id/update\", async (c) => {\n const id = Number(c.req.param(\"id\"));\n const b = await c.req.json().catch(() => ({}));\n const p = {\n text: typeof b.text === \"string\" ? b.text.trim() : undefined,\n red_enabled: typeof b.red_enabled === \"number\"\n ? (b.red_enabled ? 1 : 0)\n : undefined,\n };\n const t = await db.getTask(id);\n if (!t) return c.json({ error: \"Aufgabe nicht gefunden\" }, 404);\n if (typeof b.date === \"string\" && DATE_RE.test(b.date) && b.date !== t.date) {\n await db.moveOne(id, b.date, p);\n } else {\n await db.updateInPlace(id, p);\n }\n return c.json({ ok: true });\n});\n\napp.post(\"/api/reorder\", async (c) => {\n const b = await c.req.json().catch(() => ({}));\n const ids = (Array.isArray(b.ids) ? b.ids : []).map(Number).filter(Boolean);\n await db.reorder(ids);\n return c.json({ ok: true });\n});\n\napp.post(\"/api/day/:date/move\", async (c) => {\n const date = c.req.param(\"date\");\n if (!DATE_RE.test(date)) return c.json({ error: \"Ungültiges Datum\" }, 400);\n return c.json({ count: await db.moveDay(date) });\n});\n\napp.post(\"/api/undo\", async (c) => c.json({ ok: await db.undo() }));\n\napp.post(\"/api/settings\", async (c) => {\n const b = await c.req.json().catch(() => ({}));\n await db.setTimes(Array.isArray(b.times) ? b.times.map(String) : []);\n return c.json({ ok: true });\n});\n\n// cron-job.org her dakika bu adresi açar: /tick?s=ŞİFRE\napp.get(\"/tick\", async (c) => {\n await runReminders();\n return c.text(\"ok\");\n});\n\nexport default app.fetch;","task-scheduler",[212],"96da9d72-177f-47c5-a70c-fe4ffb7c12e4","index.html","96b99036-b0fe-11f1-b94d-1607ee4eb77e",64,["D",1789474606584],"\n\n\n\n\nTakvim\n\n\n\n\n

\n \n

\n Düz.Düzenle\n \n \n

\n\n

\n PztSalÇarPerCumCmtPaz\n

\n\n\n\n\n\n\n\n\n\n\n",[219],"61ea9eb7-604c-4682-a8ff-4f1f2da9d991","db.ts","36a8cd0c-9b6d-11f1-aee4-1607ee4eb77e",70,["D",1789475135180],4,"import { sqlite } from \"https://esm.town/v/std/sqlite/main.ts\";\nimport { addDays } from \"./time.ts\";\n\n// Eski zamanlayıcının \"tasks\" tablosuyla çakışmasın diye yeni adlar kullanılıyor.\nexport type Status = \"open\" | \"done\" | \"moved\";\nexport interface Task {\n id: number;\n date: string;\n text: string;\n position: number;\n status: Status;\n moved_to_id: number | null;\n moved_from_id: number | null;\n red_enabled: number;\n}\nexport interface MovePair {\n orig: number;\n copy: number;\n prev: Status;\n}\nexport interface LastMove {\n from_date: string;\n to_date: string;\n pairs: MovePair[];\n}\n\n// std/sqlite satırları dizi olarak da dönebilir; ikisini de nesneye çevir.\nfunction toObjects(res: any): any[] {\n const cols: string[] = res.columns ?? [];\n return (res.rows ?? []).map((r: any) =>\n Array.isArray(r) ? Object.fromEntries(cols.map((c, i) => [c, r[i]])) : r\n );\n}\nasync function q(sql: string, args: unknown[] = []): Promise {\n return toObjects(await sqlite.execute({ sql, args: args as any[] }));\n}\nasync function run(sql: string, args: unknown[] = []) {\n return await sqlite.execute({ sql, args: args as any[] });\n}\n\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS todo_items (\n id INTEGER PRIMARY KEY AUTOINCREMENT,\n date TEXT NOT NULL,\n text TEXT NOT NULL,\n position INTEGER NOT NULL DEFAULT 0,\n status TEXT NOT NULL DEFAULT 'open',\n moved_to_id INTEGER,\n moved_from_id INTEGER,\n red_enabled INTEGER NOT NULL DEFAULT 1,\n created_at TEXT NOT NULL\n)`);\nawait sqlite.execute(\n `CREATE TABLE IF NOT EXISTS todo_settings (key TEXT PRIMARY KEY, value TEXT)`,\n);\nawait sqlite.execute(`CREATE TABLE IF NOT EXISTS todo_sent (\n day TEXT NOT NULL, time TEXT NOT NULL, PRIMARY KEY (day, time)\n)`);\n\nfunction norm(r: any): Task {\n return {\n id: Number(r.id),\n date: String(r.date),\n text: String(r.text),\n position: Number(r.position),\n status: r.status as Status,\n moved_to_id: r.moved_to_id == null ? null : Number(r.moved_to_id),\n moved_from_id: r.moved_from_id == null ? null : Number(r.moved_from_id),\n red_enabled: Number(r.red_enabled),\n };\n}\n\n/* ------------------------------ görevler ------------------------------ */\n\nexport async function listTasks(): Promise {\n return (await q(\"SELECT * FROM todo_items ORDER BY date, position, id\")).map(\n norm,\n );\n}\n\nexport async function getTask(id: number): Promise {\n const r = await q(\"SELECT * FROM todo_items WHERE id = ?\", [id]);\n return r[0] ? norm(r[0]) : null;\n}\n\nasync function nextPos(date: string): Promise {\n const r = await q(\n \"SELECT COALESCE(MAX(position), 0) AS p FROM todo_items WHERE date = ?\",\n [date],\n );\n return Number(r[0]?.p ?? 0) + 1;\n}\n\nasync function insert(\n date: string,\n text: string,\n red: number,\n status: Status = \"open\",\n fromId: number | null = null,\n): Promise {\n const res = await run(\n `INSERT INTO todo_items (date, text, position, status, moved_from_id, red_enabled, created_at)\n VALUES (?, ?, ?, ?, ?, ?, ?)`,\n [\n date,\n text,\n await nextPos(date),\n status,\n fromId,\n red,\n new Date().toISOString(),\n ],\n );\n return Number(res.lastInsertRowid);\n}\n\nexport async function addTasks(date: string, texts: string[]): Promise {\n for (const t of texts) await insert(date, t, 1);\n}\n\nexport async function toggle(id: number): Promise {\n const t = await getTask(id);\n if (!t || t.status === \"moved\") return;\n await run(\"UPDATE todo_items SET status = ? WHERE id = ?\", [\n t.status === \"done\" ? \"open\" : \"done\",\n id,\n ]);\n}\n\nexport async function updateInPlace(\n id: number,\n p: { text?: string; red_enabled?: number },\n) {\n const t = await getTask(id);\n if (!t || t.status === \"moved\") return;\n await run(\"UPDATE todo_items SET text = ?, red_enabled = ? WHERE id = ?\", [\n p.text || t.text,\n p.red_enabled ?? t.red_enabled,\n id,\n ]);\n}\n\nexport async function reorder(ids: number[]): Promise {\n for (let i = 0; i < ids.length; i++) {\n await run(\"UPDATE todo_items SET position = ? WHERE id = ?\", [\n i + 1,\n ids[i],\n ]);\n }\n}\n\n// Kopyayı yeni güne aç, orijinalin üstünü çiz.\nasync function copyTo(\n t: Task,\n date: string,\n text: string,\n red: number,\n status: Status,\n): Promise {\n const copy = await insert(date, text, red, status, t.id);\n await run(\n \"UPDATE todo_items SET status = 'moved', moved_to_id = ? WHERE id = ?\",\n [copy, t.id],\n );\n return { orig: t.id, copy, prev: t.status };\n}\n\n/** \"Kalanları sonraki güne aktar\": sadece açık görevler, bir gün ileri. */\nexport async function moveDay(date: string): Promise {\n const open = (await listTasks()).filter((t) =>\n t.date === date && t.status === \"open\"\n );\n if (!open.length) return 0;\n const to = addDays(date, 1);\n const pairs: MovePair[] = [];\n for (const t of open) {\n pairs.push(await copyTo(t, to, t.text, t.red_enabled, \"open\"));\n }\n await setLastMove({ from_date: date, to_date: to, pairs });\n return pairs.length;\n}\n\n/** Düzenleme ekranından tek görevi başka bir tarihe taşı. */\nexport async function moveOne(\n id: number,\n date: string,\n p: { text?: string; red_enabled?: number },\n) {\n const t = await getTask(id);\n if (!t || t.status === \"moved\" || t.date === date) return;\n const pair = await copyTo(\n t,\n date,\n p.text || t.text,\n p.red_enabled ?? t.red_enabled,\n t.status,\n );\n await setLastMove({ from_date: t.date, to_date: date, pairs: [pair] });\n}\n\n/** Son aktarmayı geri al. Kopya sonradan tekrar taşındıysa geri almaz. */\nexport async function undo(): Promise {\n const m = await getLastMove();\n if (!m) return false;\n for (const p of m.pairs) {\n const c = await getTask(p.copy);\n if (c && c.status === \"moved\") return false;\n }\n for (const p of m.pairs) {\n await run(\"DELETE FROM todo_items WHERE id = ?\", [p.copy]);\n await run(\n \"UPDATE todo_items SET status = ?, moved_to_id = NULL WHERE id = ?\",\n [p.prev, p.orig],\n );\n }\n await run(\"DELETE FROM todo_settings WHERE key = 'last_move'\");\n return true;\n}\n\n/* ------------------------------ ayarlar ------------------------------ */\n\nasync function getSetting(key: string): Promise {\n const r = await q(\"SELECT value FROM todo_settings WHERE key = ?\", [key]);\n if (!r[0]) return null;\n try {\n return JSON.parse(String(r[0].value));\n } catch {\n return null;\n }\n}\nasync function setSetting(key: string, value: unknown) {\n await run(\n `INSERT INTO todo_settings (key, value) VALUES (?, ?)\n ON CONFLICT(key) DO UPDATE SET value = excluded.value`,\n [key, JSON.stringify(value)],\n );\n}\n\nexport async function getLastMove(): Promise {\n const v = await getSetting(\"last_move\");\n return v && Array.isArray(v.pairs) ? v : null;\n}\nasync function setLastMove(m: LastMove) {\n await setSetting(\"last_move\", m);\n}\n\nconst DEFAULT_TIMES = [\"09:00\", \"14:00\", \"21:00\"];\nconst TIME_RE = /^([01]\\d|2[0-3]):[0-5]\\d$/;\n\nexport async function getTimes(): Promise {\n const v = await getSetting(\"notify_times\");\n const ok = Array.isArray(v) ? v.filter((x) => TIME_RE.test(x)) : [];\n return ok.length ? ok : [...DEFAULT_TIMES];\n}\nexport async function setTimes(times: string[]) {\n const clean = [...new Set(times.filter((x) => TIME_RE.test(x)))].sort();\n await setSetting(\"notify_times\", clean.length ? clean : DEFAULT_TIMES);\n}\n\n/* ---------------------------- mail kayıtları ---------------------------- */\n\nexport async function wasSent(day: string, time: string): Promise {\n return (await q(\"SELECT 1 AS x FROM todo_sent WHERE day = ? AND time = ?\", [\n day,\n time,\n ])).length > 0;\n}\nexport async function markSent(day: string, time: string) {\n await run(\"INSERT OR IGNORE INTO todo_sent (day, time) VALUES (?, ?)\", [\n day,\n time,\n ]);\n}\nexport async function pruneSent(beforeDay: string) {\n await run(\"DELETE FROM todo_sent WHERE day < ?\", [beforeDay]);\n}",[226],"d7db7348-83c8-4065-a576-e5db927f4460","cron.ts","36ba2304-9b6d-11f1-aee4-1607ee4eb77e",71,["D",1789475153495],9,"interval","import * as db from \"./db.ts\";\nimport { sendMail } from \"./run.ts\";\nimport { addDays, nowHM, todayStr } from \"./time.ts\";\n\n// Val Town'da bu dosyayı Cron olarak ayarla, her 15 dakikada bir.\nconst APP_URL = Deno.env.get(\"APP_URL\") ?? \"https://task-scheduler.val.run\";\n\nexport default async function () {\n const day = todayStr();\n const hm = nowHM();\n const times = [...(await db.getTimes())].sort();\n\n // Saati gelmiş ama gönderilmemiş dilimler. Birden fazla birikmişse tek mail at.\n const due: string[] = [];\n for (const t of times) {\n if (t <= hm && !(await db.wasSent(day, t))) due.push(t);\n }\n if (!due.length) return;\n\n const slot = due[due.length - 1];\n const isLast = slot === times[times.length - 1];\n\n const tasks = await db.listTasks();\n const reds = tasks\n .filter((t) => t.status === \"open\" && t.red_enabled === 1 && t.date < day)\n .sort((a, b) => a.date.localeCompare(b.date) || a.position - b.position);\n const todayOpen = tasks\n .filter((t) => t.status === \"open\" && t.date === day)\n .sort((a, b) => a.position - b.position);\n\n const lines: string[] = [];\n lines.push(\"KIRMIZILAR (aktarılmamış)\");\n lines.push(\n reds.length\n ? reds.map((t) => ` • ${t.date} ${t.text}`).join(\"\\n\")\n : \" Yok.\",\n );\n lines.push(\"\");\n lines.push(\"BUGÜN YAPILACAKLAR\");\n lines.push(\n todayOpen.length\n ? todayOpen.map((t) => ` • ${t.text}`).join(\"\\n\")\n : \" Hepsi bitti.\",\n );\n if (isLast) {\n lines.push(\"\");\n lines.push(\"Bitmeyenleri yarına aktarmayı unutma.\");\n }\n lines.push(\"\");\n lines.push(\n `Takvim: ${APP_URL}/?s=${\n encodeURIComponent(Deno.env.get(\"APP_SECRET\") ?? \"\")\n }`,\n );\n\n const subject = isLast\n ? \"Todo | Yarına aktarmayı unutma | Val\"\n : `Todo | ${slot} | Val`;\n\n await sendMail({ subject, text: lines.join(\"\\n\") });\n for (const t of due) await db.markSent(day, t);\n await db.pruneSent(addDays(day, -7));\n}",[234],"4748c128-d05e-48f7-a8f8-a297b779d632","app.js","acaa8346-b0fe-11f1-b636-1607ee4eb77e",65,["D",1789474613285],3,"// -*- mode: JS -*-\n/* Takvim — client-side logic. All dates are Europe/Berlin. */\n\nconst S = new URLSearchParams(location.search).get(\"s\") ?? \"\";\nconst TZ = \"Europe/Berlin\";\n\nlet tasks = [];\nlet cur = { y: 0, m: 0 }; // currently viewed month\nlet dayViewDate = null; // null = calendar\nlet editMode = false;\nlet editingId = null;\nlet drag = null;\nlet toastTimer = null;\n\nconst $ = (id) => document.getElementById(id);\nconst esc = (s) => String(s).replace(/[&<>\"']/g, (ch) =>\n ({ \"&\": \"&\", \"<\": \"<\", \">\": \">\", '\"': \""\", \"'\": \"'\" })[ch]);\n\nfunction todayStr() {\n return new Intl.DateTimeFormat(\"en-CA\", {\n timeZone: TZ, year: \"numeric\", month: \"2-digit\", day: \"2-digit\",\n }).format(new Date());\n}\nfunction curMonthParts() {\n const p = new Intl.DateTimeFormat(\"en-US\", {\n timeZone: TZ, year: \"numeric\", month: \"numeric\",\n }).formatToParts(new Date());\n const get = (t) => { const x = p.find((q) => q.type === t); return x ? Number(x.value) : 0; };\n return { y: get(\"year\"), m: get(\"month\") };\n}\nfunction pad(n) { return String(n).padStart(2, \"0\"); }\nfunction dateStr(y, m, d) { return `${y}-${pad(m)}-${pad(d)}`; }\nfunction monthLabel(y, m) {\n return new Intl.DateTimeFormat(\"tr-TR\", { timeZone: TZ, month: \"long\", year: \"numeric\" })\n .format(new Date(Date.UTC(y, m - 1, 1)));\n}\nfunction longDayLabel(date) {\n const [y, m, d] = date.split(\"-\").map(Number);\n const wd = new Intl.DateTimeFormat(\"tr-TR\", { weekday: \"long\", timeZone: \"UTC\" }).format(new Date(Date.UTC(y, m - 1, d)));\n return `${wd}, ${d} ${new Intl.DateTimeFormat(\"tr-TR\", { month: \"long\", timeZone: \"UTC\" }).format(new Date(Date.UTC(y, m - 1, d)))} ${y}`;\n}\nfunction shortDay(date) {\n const [y, m, d] = date.split(\"-\").map(Number);\n return new Intl.DateTimeFormat(\"tr-TR\", { day: \"numeric\", month: \"short\", timeZone: \"UTC\" })\n .format(new Date(Date.UTC(y, m - 1, d)));\n}\n\n/* ---------------------------- API ---------------------------- */\nasync function api(path, opts = {}) {\n const sep = path.includes(\"?\") ? \"&\" : \"?\";\n const res = await fetch(`${path}${sep}s=${encodeURIComponent(S)}`, {\n method: opts.method || \"GET\",\n headers: { \"content-type\": \"application/json\" },\n body: opts.body ? JSON.stringify(opts.body) : undefined,\n });\n if (res.status === 401) { location.href = \"/\"; throw new Error(\"unauthorized\"); }\n return res.json();\n}\nasync function reload() {\n tasks = await api(\"/api/tasks\");\n renderCalendar();\n if (dayViewDate) renderDay();\n}\n\n/* ---------------------------- calendar ---------------------------- */\nfunction isRed(t) { return t.status === \"open\" && t.red_enabled === 1 && t.date < todayStr(); }\n\nfunction chipHTML(t) {\n let label = esc(t.text);\n if (t.status === \"moved\") {\n const to = tasks.find((x) => x.id === t.moved_to_id);\n label += ` → ${shortDay(to ? to.date : t.date)}`;\n }\n const cls = t.status === \"done\" ? \"done\" : t.status === \"moved\" ? \"moved\" : isRed(t) ? \"red\" : \"\";\n return `${label}`;\n}\n\nfunction renderCalendar() {\n const today = todayStr();\n const y = cur.y, m = cur.m;\n // Monday-first grid\n const first = new Date(Date.UTC(y, m - 1, 1));\n const offset = (first.getUTCDay() + 6) % 7; // Mon=0\n const daysInMonth = new Date(Date.UTC(y, m, 0)).getUTCDate();\n const cells = [];\n\n // leading days of prev month\n const prevM = m === 1 ? 12 : m - 1;\n const prevY = m === 1 ? y - 1 : y;\n const prevDays = new Date(Date.UTC(prevY, prevM, 0)).getUTCDate();\n for (let i = offset - 1; i >= 0; i--) {\n const d = prevDays - i;\n cells.push({ y: prevY, m: prevM, d, inMonth: false });\n }\n for (let d = 1; d <= daysInMonth; d++) cells.push({ y, m, d, inMonth: true });\n // trailing days of next month\n const nextM = m === 12 ? 1 : m + 1;\n const nextY = m === 12 ? y + 1 : y;\n let d2 = 1;\n while (cells.length % 7) cells.push({ y: nextY, m: nextM, d: d2++, inMonth: false });\n\n $(\"monthLabel\").textContent = monthLabel(y, m);\n $(\"grid\").innerHTML = cells.map((c) => {\n const ds = dateStr(c.y, c.m, c.d);\n const list = tasks.filter((t) => t.date === ds).sort((a, b) => a.position - b.position || a.id - b.id);\n const reds = list.filter(isRed).length;\n const todayCls = ds === today ? \" today\" : \"\";\n const outCls = c.inMonth ? \"\" : \" out\";\n const chips = list.map(chipHTML).join(\"\");\n const summary = list.length\n ? `

${list.length}${reds ? ` ` : \"\"}

`\n : `

–

`;\n return `

${c.d}

${chips}

\n ${summary}\n

`;\n }).join(\"\");\n}\n\n/* ---------------------------- day view ---------------------------- */\nfunction rowHTML(t) {\n const red = isRed(t);\n const cls = t.status === \"done\" ? \"done\" : t.status === \"moved\" ? \"moved\" : red ? \"red\" : \"\";\n const to = t.status === \"moved\" ? tasks.find((x) => x.id === t.moved_to_id) : null;\n const dragAttr = editMode ? ' draggable=\"true\"' : \"\";\n const handle = editMode ? `≡` : \"\";\n return `

\n \n ${esc(t.text)}${to ? ` → ${shortDay(to.date)}` : \"\"}\n ${handle}\n

`;\n}\n\nfunction renderDay() {\n if (!dayViewDate) return;\n const ds = dayViewDate;\n $(\"dayTitle\").textContent = longDayLabel(ds);\n const list = tasks.filter((t) => t.date === ds).sort((a, b) => a.position - b.position || a.id - b.id);\n $(\"dayList\").innerHTML = list.length ? list.map(rowHTML).join(\"\") : `

Bu gün boş.

`;\n $(\"dayAddInput\").focus();\n}\n\nfunction openDay(ds) {\n dayViewDate = ds;\n $(\"dayView\").hidden = false;\n $(\"cal\").style.display = \"none\";\n $(\"undoBtn\").hidden = true;\n renderDay();\n}\nfunction closeDay() {\n dayViewDate = null;\n $(\"dayView\").hidden = true;\n $(\"cal\").style.display = \"\";\n renderCalendar();\n}\n\n/* ---------------------------- actions ---------------------------- */\nasync function toggleTask(id) {\n await api(`/api/tasks/${id}/toggle`, { method: \"POST\" });\n await reload();\n}\nasync function saveEdit() {\n const text = $(\"editText\").value.trim();\n const red = $(\"editRed\").checked ? 1 : 0;\n const date = $(\"editDate\").value; // \"\" if unchanged date input\n const t = tasks.find((x) => x.id === editingId);\n if (!t) return;\n const body = { text, red_enabled: red };\n if (date && date !== t.date) body.date = date;\n await api(`/api/tasks/${editingId}/update`, { method: \"POST\", body });\n $(\"editModal\").hidden = true;\n editingId = null;\n await reload();\n if (date && date !== t.date) { // we may need to jump view\n dayViewDate = null;\n closeDay();\n }\n}\nfunction openEdit(id) {\n const t = tasks.find((x) => x.id === id);\n if (!t) return;\n editingId = id;\n $(\"editText\").value = t.text;\n $(\"editRed\").checked = t.red_enabled === 1;\n $(\"editDate\").value = t.date;\n $(\"editModal\").hidden = false;\n $(\"editText\").focus();\n $(\"editText\").select();\n}\n\nasync function moveForward() {\n const r = await api(`/api/day/${dayViewDate}/move`, { method: \"POST\" });\n if (r.ok) {\n $(\"undoBtn\").hidden = false;\n // Follow the moved copies: jump to the next day view\n dayViewDate = r.to_date;\n await reload();\n renderDay();\n } else {\n $(\"dayAddInput\").placeholder = \"Aktarılacak açık görev yok.\";\n }\n}\nasync function undoMove() {\n const r = await api(\"/api/undo\", { method: \"POST\" });\n $(\"undoBtn\").hidden = true;\n await reload();\n renderDay();\n}\n\nasync function addTask() {\n const text = $(\"dayAddInput\").value.trim();\n if (!text) return;\n $(\"dayAddInput\").value = \"\";\n await api(\"/api/tasks\", { method: \"POST\", body: { date: dayViewDate, text } });\n await reload();\n $(\"dayAddInput\").focus();\n}\n\n/* ---------------------------- settings ---------------------------- */\nasync function openSettings() {\n const data = await api(\"/api/settings\");\n renderTimeEditor(data.times);\n $(\"settingsModal\").hidden = false;\n}\nfunction renderTimeEditor(times) {\n const wrap = $(\"timeList\");\n wrap.innerHTML = \"\";\n times.forEach((t, i) => wrap.appendChild(timeRow(t, i)));\n}\nfunction timeRow(val) {\n const d = document.createElement(\"div\");\n d.className = \"trow\";\n const inp = document.createElement(\"input\");\n inp.type = \"time\"; inp.value = val;\n const del = document.createElement(\"button\");\n del.textContent = \"−\";\n // Enforce at least 1: block delete when only one row remains\n del.onclick = () => { if ($(\"timeList\").children.length <= 1) return; d.remove(); };\n d.append(inp, del);\n return d;\n}\nasync function saveSettings() {\n const times = [...$(\"timeList\").querySelectorAll(\"input\")].map((i) => i.value).filter(Boolean);\n await api(\"/api/settings\", { method: \"POST\", body: { times } });\n $(\"settingsModal\").hidden = true;\n toast(\"Saatler kaydedildi.\");\n}\n\n/* ---------------------------- drag reorder ---------------------------- */\nfunction startDrag(e, row) {\n if (!editMode) return;\n e.preventDefault();\n drag = { row };\n row.classList.add(\"dragging\");\n row.setPointerCapture?.(e.pointerId);\n window.addEventListener(\"pointermove\", onDragMove);\n window.addEventListener(\"pointerup\", onDragEnd, { once: true });\n}\nfunction onDragMove(e) {\n if (!drag) return;\n const el = document.elementFromPoint(e.clientX, e.clientY);\n if (!el) return;\n const over = el.closest(\"#dayList li\");\n if (!over || over === drag.row) return;\n const r = over.getBoundingClientRect();\n if (e.clientY < r.top + r.height / 2) over.before(drag.row);\n else over.after(drag.row);\n}\nasync function onDragEnd() {\n window.removeEventListener(\"pointermove\", onDragMove);\n if (!drag) return;\n drag.row.classList.remove(\"dragging\");\n drag = null;\n const rows = [...$(\"dayList\").querySelectorAll(\"li[data-id]\")];\n for (let i = 0; i < rows.length; i++) {\n const id = Number(rows[i].dataset.id);\n if (tasks.find((t) => t.id === id)?.position !== i + 1) {\n await api(`/api/tasks/${id}/position`, { method: \"POST\", body: { position: i + 1 } });\n }\n }\n await reload();\n renderDay();\n}\n\n/* ---------------------------- toasts ---------------------------- */\nfunction toast(msg) {\n let el = $(\"toast\");\n if (!el) {\n el = document.createElement(\"div\");\n el.id = \"toast\";\n el.style.cssText = \"position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:#111827;color:#fff;padding:10px 16px;border-radius:10px;font-size:14px;z-index:60\";\n document.body.appendChild(el);\n }\n el.textContent = msg;\n clearTimeout(toastTimer);\n toastTimer = setTimeout(() => (el.textContent = \"\"), 2500);\n}\n\n/* ---------------------------- events ---------------------------- */\nfunction bind() {\n $(\"prev\").onclick = () => { if (cur.m === 1) { cur.m = 12; cur.y--; } else cur.m--; renderCalendar(); };\n $(\"next\").onclick = () => { if (cur.m === 12) { cur.m = 1; cur.y++; } else cur.m++; renderCalendar(); };\n\n const grid = $(\"grid\");\n grid.addEventListener(\"click\", (e) => {\n const cell = e.target.closest(\".cell\");\n if (cell) { openDay(cell.dataset.date); return; }\n const chip = e.target.closest(\".chip\");\n if (chip) { openDay(tasks.find((t) => t.id === Number(chip.dataset.id))?.date); }\n });\n\n $(\"dayBack\").onclick = closeDay;\n $(\"moveForward\").onclick = moveForward;\n $(\"undoBtn\").onclick = undoMove;\n $(\"dayAddInput\").addEventListener(\"keydown\", (e) => { if (e.key === \"Enter\") addTask(); });\n\n $(\"dayList\").addEventListener(\"click\", (e) => {\n const box = e.target.closest(\"[data-act=toggle]\");\n if (box) { toggleTask(Number(box.closest(\"li\").dataset.id)); return; }\n });\n\n // long-press (touch) / context menu (desktop) opens edit\n let pressTimer = null, pressing = null;\n $(\"dayList\").addEventListener(\"contextmenu\", (e) => {\n if (editMode) return;\n const row = e.target.closest(\"li[data-id]\");\n if (row) { e.preventDefault(); openEdit(Number(row.dataset.id)); }\n });\n $(\"dayList\").addEventListener(\"pointerdown\", (e) => {\n if (e.target.closest(\"[data-handle]\")) return; // drag handle handles itself\n const row = e.target.closest(\"li[data-id]\");\n if (!row || editMode) return;\n pressing = row;\n pressTimer = setTimeout(() => { if (pressing) { navigator.vibrate?.(30); openEdit(Number(pressing.dataset.id)); pressing = null; } }, 450);\n const clear = () => { clearTimeout(pressTimer); pressing = null; };\n window.addEventListener(\"pointerup\", clear, { once: true });\n window.addEventListener(\"pointermove\", clear, { once: true });\n window.addEventListener(\"pointercancel\", clear, { once: true });\n });\n\n // drag via handle (works for mouse & touch pointer events)\n $(\"dayList\").addEventListener(\"pointerdown\", (e) => {\n if (!e.target.closest(\"[data-handle]\")) return;\n const row = e.target.closest(\"li[data-id]\");\n startDrag(e, row);\n });\n\n $(\"editMode\").addEventListener(\"change\", (e) => {\n editMode = e.target.checked;\n if (dayViewDate) renderDay();\n });\n\n $(\"settingsBtn\").onclick = openSettings;\n $(\"addTime\").onclick = () => $(\"timeList\").appendChild(timeRow(\"12:00\"));\n $(\"settingsCancel\").onclick = () => { $(\"settingsModal\").hidden = true; };\n $(\"settingsSave\").onclick = saveSettings;\n $(\"editCancel\").onclick = () => { $(\"editModal\").hidden = true; editingId = null; };\n $(\"editSave\").onclick = saveEdit;\n\n // close popups by clicking the dimmed background\n $(\"settingsModal\").addEventListener(\"click\", (e) => {\n if (e.target === $(\"settingsModal\")) $(\"settingsModal\").hidden = true;\n });\n $(\"editModal\").addEventListener(\"click\", (e) => {\n if (e.target === $(\"editModal\")) { $(\"editModal\").hidden = true; editingId = null; }\n });\n\n // Enter in edit confirms\n $(\"editText\").addEventListener(\"keydown\", (e) => { if (e.key === \"Enter\") saveEdit(); });\n}\n\n(async function init() {\n bind();\n const now = curMonthParts();\n cur = now;\n $(\"monthLabel\").textContent = monthLabel(cur.y, cur.m);\n try {\n await reload();\n } catch {\n /* unauthorized handled in api() */\n }\n})();\n",[243],"b0f91da1-7719-43d2-a61c-a839bccf3db1","README.md","6ba67bc6-9b6d-11f1-acc3-1607ee4eb77e",62,["D",1789474414318],"# Takvim — aylık todo + mail bildirimleri\n\nKişisel görev planlayıcı. Aylık takvim görünümü, gün görünümü, \"kalanları sonraki güne aktar\"\nakışı ve ayarlanabilir mail bildirimleri. Tüm tarih/saat mantığı **Europe/Berlin** saat dilimine göre.\n\n## Kullanım\n\nUygulama `?s=` ile korunur. Takvim linkini tarayıcıda bu parametreyle aç:\n\n[Uygulamayı aç](url:main.ts)\n\n> Uygun URL şu şekilde: `https://task-scheduler.val.run/?s=`\n\n- **Takvim:** Gün hücresinde görevler alt alta; sığmazsa hücre içinde kayar. Telefonda sadece\n görev sayısı + kırmızı nokta görünür. Hücreye tıklayınca gün görünümü açılır.\n- **Gün görünümü:** En altta \"Görev ekle\" — yaz, Enter'a bas. Görevin solundaki çember done/open\n değiştirir. Göreve basılı tut (masaüstünde sağ tık) düzenleme ekranını açar. \"Sonraki güne →\"\n bugünün açık görevlerini bir gün ileri taşır; \"Geri al\" son taşımayı iptal eder.\n- **Düzenleme modu:** Sağ üstteki anahtar. Açıkken gün görünümünde görevler `≡` tutamağından\n sürüklenerek sıralanabilir (position kaydedilir, dokunmatik dahil).\n- **Ayarlar (⚙):** Bildirim saatleri listesi; `+` ekler, `−` siler (en az 1 kayıt).\n\n## Veri modeli\n\n- `tasks`: `id, date (YYYY-MM-DD), text, position, status (open|done|moved), moved_to_id,\n moved_from_id, red_enabled, created_at`\n- `settings`: `notify_times` (bildirim saatleri), `last_move` (geri alma için)\n- `email_sent`: gün/saat başına gönderim kaydı (çift gönderimi engeller)\n\nDurum kuralları: **kırmızı** = `open` + `red_enabled=1` + tarih bugünden önce.\n**moved** = üstü çizili, yanında hedef tarih. **Otomatik aktarma yok** — sadece butonla.\n\n## Mail bildirimi\n\n`cron.ts` 15 dakikada bir çalışır. Ayardaki her saat için, o saat Berlin'de geçtiyse ve o gün o\nsaat için gönderim kaydı yoksa hatırlatıcı mail atar. Konu `Todo | 14:00 | Val`; günün son\nbildiriminde `Todo | Yarına aktarmayı unutma | Val`. İçerik: (1) kırmızılar, (2) bugünün\nbitmemişleri, altta takvim linki.\n\nSMTP için `GMAIL_USER` / `GMAIL_PASS` (Gmail uygulama şifresi) gerekir. Alıcı: `run.ts` içindeki\n`TO` sabiti.\n\n## Dosyalar\n\n- `main.ts` — HTTP sunucusu (Hono): sayfa + JSON API, `?s=` ile doğrulama\n- `db.ts` — SQLite (şema + sorgular)\n- `time.ts` — Europe/Berlin tarih/saat yardımcıları\n- `cron.ts` — mail bildirimi (interval)\n- `run.ts` — Gmail SMTP gönderimi\n- `index.html`, `app.js` — arayüz (vanilla JS)\n",[251],"pulls","branches","forks","envVars",{"_264":247,"_266":26},"connections",{"_264":26,"_265":26},"count","unfilledCount","emptyCount",{"_35":250,"_13":251,"_65":252,"_45":-5,"_37":38,"_185":253,"_187":98,"_39":301,"_41":247,"_67":21,"_191":255,"_68":24,"_193":-5,"_277":302,"_17":303},{"_35":242,"_13":243,"_65":244,"_45":-5,"_37":38,"_185":245,"_187":98,"_39":298,"_41":247,"_67":190,"_191":248,"_68":24,"_193":-5,"_277":299,"_17":300},{"_35":233,"_13":234,"_65":235,"_45":-5,"_37":38,"_185":236,"_187":98,"_39":295,"_41":238,"_67":239,"_191":240,"_68":24,"_193":-5,"_277":296,"_17":297},{"_35":225,"_13":226,"_65":227,"_45":-5,"_37":38,"_185":228,"_187":98,"_39":292,"_41":230,"_67":190,"_191":231,"_68":24,"_193":-5,"_277":293,"_17":294},{"_35":218,"_13":219,"_65":220,"_45":-5,"_37":38,"_185":221,"_187":98,"_39":289,"_41":208,"_67":21,"_191":223,"_68":24,"_193":-5,"_277":290,"_17":291},{"_35":211,"_13":212,"_65":111,"_45":-5,"_37":38,"_185":138,"_187":98,"_39":286,"_41":74,"_67":214,"_191":215,"_68":24,"_193":216,"_277":287,"_17":288},{"_35":203,"_13":204,"_65":205,"_45":-5,"_37":38,"_185":206,"_187":98,"_39":283,"_41":208,"_67":190,"_191":209,"_68":24,"_193":-5,"_277":284,"_17":285},{"_35":195,"_13":196,"_65":197,"_45":-5,"_37":38,"_185":198,"_187":98,"_39":280,"_41":200,"_67":190,"_191":201,"_68":24,"_193":-5,"_277":281,"_17":282},{"_35":182,"_13":183,"_65":184,"_45":-5,"_37":38,"_185":186,"_187":98,"_39":276,"_41":189,"_67":190,"_191":192,"_68":24,"_193":-5,"_277":278,"_17":279},["D",1789475173723],"children",[],[183],["D",1789475755883],[],[196],["D",1789475368290],[],[204],["D",1789475769018],[],[212],["D",1789474606584],[],[219],["D",1789475135180],[],[226],["D",1789475153495],[],[234],["D",1789474613285],[],[243],["D",1789474414318],[],[251],["D",1787102792105],["D",1789534231467],{"_11":12,"_152":71},{"_11":12,"_147":148,"_70":71,"_30":69,"_149":150,"_151":24},{"_41":138,"_13":16,"_35":38,"_139":100,"_140":-5,"_141":-5,"_142":-5,"_143":-5,"_144":-5,"_145":14,"_146":12},"ctx",{"_55":-5,"_170":342,"_343":344,"_345":346,"_347":24,"_348":24,"_349":24,"_350":98,"_351":-5,"_352":-7,"_353":-7,"_354":26,"_355":24,"_356":24,"_357":-5,"_358":24,"_359":24,"_360":24,"_361":-5},"ENV",{"_313":314,"_315":316,"_317":16,"_318":319,"_320":321,"_322":323,"_324":325,"_326":327,"_328":329,"_330":331,"_332":333,"_334":335,"_336":337,"_338":339,"_340":341},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Aufgabe bearbeiten

Benachrichtigungszeiten

Bildirim saatleri

History · page.html