marek/guides
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
Team3
2026-06-01 18:22:13 +02:00
parent b591897fd6
commit e7af2b1150
5 changed files with 165 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
backend/database.py
View File

@@ -43,6 +43,15 @@ CREATE TABLE IF NOT EXISTS baustein_suggestions (
)
"""
CREATE_PROGRESS = """
CREATE TABLE IF NOT EXISTS guide_progress (
guide_id TEXT NOT NULL,
chapter TEXT NOT NULL,
created_at TEXT NOT NULL,
PRIMARY KEY (guide_id, chapter)
)
"""
_db: aiosqlite.Connection | None = None
@@ -59,6 +68,7 @@ async def init_db():
await db.execute(CREATE_GUIDES)
await db.execute(CREATE_BAUSTEINE)
await db.execute(CREATE_SUGGESTIONS)
await db.execute(CREATE_PROGRESS)
cursor = await db.execute("PRAGMA table_info(guides)")
columns = {row[1] for row in await cursor.fetchall()}
if "instructions" not in columns:
@@ -249,3 +259,35 @@ async def delete_pending_suggestions(topic: str) -> None:
"DELETE FROM baustein_suggestions WHERE topic = ? AND status = 'pending'", (topic,)
)
await db.commit()
# --- Kapitel-Fortschritt ---
async def list_progress(guide_id: str) -> list[str]:
db = await get_db()
cursor = await db.execute(
"SELECT chapter FROM guide_progress WHERE guide_id = ?", (guide_id,)
)
rows = await cursor.fetchall()
return [row[0] for row in rows]
async def set_progress(guide_id: str, chapter: str, done: bool) -> None:
from datetime import datetime, timezone
db = await get_db()
if done:
await db.execute(
"INSERT OR IGNORE INTO guide_progress (guide_id, chapter, created_at) VALUES (?, ?, ?)",
(guide_id, chapter, datetime.now(timezone.utc).isoformat()),
)
else:
await db.execute(
"DELETE FROM guide_progress WHERE guide_id = ? AND chapter = ?", (guide_id, chapter)
)
await db.commit()
async def delete_progress(guide_id: str) -> None:
db = await get_db()
await db.execute("DELETE FROM guide_progress WHERE guide_id = ?", (guide_id,))
await db.commit()

9
backend/models.py
View File

@@ -90,3 +90,12 @@ class GuideChatRequest(BaseModel):
class GuideChatResponse(BaseModel):
reply: str
class ProgressUpdate(BaseModel):
chapter: str = Field(min_length=1, max_length=100)
done: bool
class ProgressResponse(BaseModel):
chapters: list[str]

20
backend/routes.py
View File

@@ -10,6 +10,7 @@ from database import (
create_guide, delete_guide, get_guide, list_guides,
create_baustein as db_create_baustein, list_bausteine, get_baustein, delete_baustein as db_delete_baustein,
list_suggestions, get_suggestion, update_suggestion, delete_suggestion,
list_progress, set_progress, delete_progress,
)
from generator import generate_guide, rework_guide, cancel_guide, generate_suggestions, generate_baustein_detail, rework_baustein, sort_bausteine, suggest_topics, chat_with_guide, is_suggestions_generating, is_sorting
from models import (
@@ -17,6 +18,7 @@ from models import (
BausteinCreateRequest, BausteinReworkRequest, BausteinSortRequest, BausteinResponse, SuggestionResponse,
TopicSuggestRequest, TopicSuggestion,
GuideChatRequest, GuideChatResponse,
ProgressUpdate, ProgressResponse,
)
from paths import final_paths
@@ -131,10 +133,28 @@ async def remove(guide_id: str):
html_path, pdf_path = final_paths(guide["topic"], guide["format"])
html_path.unlink(missing_ok=True)
pdf_path.unlink(missing_ok=True)
await delete_progress(guide_id)
await delete_guide(guide_id)
return {"ok": True}
@router.get("/guides/{guide_id}/progress", response_model=ProgressResponse)
async def get_progress(guide_id: str):
guide = await get_guide(guide_id)
if guide is None:
raise HTTPException(404, "Guide nicht gefunden")
return {"chapters": await list_progress(guide_id)}
@router.post("/guides/{guide_id}/progress", response_model=ProgressResponse)
async def update_progress(guide_id: str, req: ProgressUpdate):
guide = await get_guide(guide_id)
if guide is None:
raise HTTPException(404, "Guide nicht gefunden")
await set_progress(guide_id, req.chapter, req.done)
return {"chapters": await list_progress(guide_id)}
# --- Bausteine ---
@router.get("/bausteine", response_model=list[BausteinResponse])

14
frontend/src/api.js
View File

@@ -44,6 +44,20 @@ export function htmlUrl(id) {
return `${BASE}/guides/${id}/html`
}
export async function fetchProgress(id) {
const res = await fetch(`${BASE}/guides/${id}/progress`)
return res.json()
}
export async function setProgress(id, chapter, done) {
const res = await fetch(`${BASE}/guides/${id}/progress`, {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ chapter, done }),
})
return res.json()
}
export async function chatGuide(id, { section, outline, messages }) {
const res = await fetch(`${BASE}/guides/${id}/chat`, {
method: 'POST',

80
frontend/src/components/TopicDetail.vue
View File

@@ -2,7 +2,7 @@
import { computed, ref, nextTick } from 'vue'
import { marked } from 'marked'
import DOMPurify from 'dompurify'
import { htmlUrl, chatGuide } from '../api.js'
import { htmlUrl, chatGuide, fetchProgress, setProgress } from '../api.js'
marked.setOptions({ breaks: true, gfm: true })
@@ -19,13 +19,18 @@ const isLandscape = computed(() => LANDSCAPE_FORMATS.includes(props.previewGuide
const frameEl = ref(null)
function injectPadding(e) {
if (isLandscape.value) return
// --- Kapitel-Fortschritt ---
function onFrameLoad(e) {
const doc = e.target.contentDocument
if (!doc) return
injectStyles(doc)
setupProgress(doc)
}
function injectStyles(doc) {
const style = doc.createElement('style')
style.textContent = `@media screen {
html { background: #f0f1f4; }
const portrait = !isLandscape.value
? `html { background: #f0f1f4; }
body {
zoom: 1.15;
max-width: 1000px;
@@ -33,11 +38,74 @@ function injectPadding(e) {
padding: 2.5rem 3.5rem;
background: #fff;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08);
}`
: ''
style.textContent = `@media screen {
${portrait}
.ch-toggle {
display: block;
width: 100%;
margin: 2.5rem 0 0.5rem;
padding: 0.9rem 1rem;
border: 1.5px dashed #c7ccd6;
border-radius: 10px;
background: #f8f9fb;
color: #4b5563;
font: 600 0.95rem/1.2 -apple-system, "Segoe UI", Roboto, sans-serif;
text-align: center;
cursor: pointer;
transition: all 0.12s;
}
.ch-toggle:hover { border-color: #6366f1; color: #4f46e5; background: #ede9fe; }
.ch-toggle.is-done {
border-style: solid;
border-color: #34d399;
background: #d1fae5;
color: #065f46;
}
section.chapter.ch-complete > :not(.ch-toggle) { opacity: 0.4; }
}`
doc.head?.appendChild(style)
}
async function setupProgress(doc) {
const guideId = props.previewGuide?.id
const chapters = Array.from(doc.querySelectorAll('section.chapter'))
if (!guideId || !chapters.length) return
let done = new Set()
try {
const res = await fetchProgress(guideId)
done = new Set(res.chapters || [])
} catch { /* offline → leer */ }
chapters.forEach((section, i) => {
if (section.querySelector(':scope > .ch-toggle')) return // Guard gegen Doppel-Inject
const numEl = section.querySelector('.chapter-num')
const key = (numEl?.textContent.match(/\d+/)?.[0]) || String(i + 1)
const toggle = doc.createElement('div')
toggle.className = 'ch-toggle'
const apply = (isDone) => {
toggle.classList.toggle('is-done', isDone)
section.classList.toggle('ch-complete', isDone)
toggle.textContent = isDone ? '✓ Erledigt – rückgängig' : 'Kapitel als erledigt markieren'
}
apply(done.has(key))
toggle.addEventListener('click', async () => {
const newState = !section.classList.contains('ch-complete')
apply(newState)
try {
await setProgress(guideId, key, newState)
} catch {
apply(!newState) // Rollback bei Fehler
}
})
section.appendChild(toggle)
})
}
// --- Chat ---
const chatOpen = ref(false)
const messages = ref([])
@@ -122,7 +190,7 @@ async function send() {
<template>
<div class="detail">
<div class="preview" :class="{ landscape: isLandscape }" v-if="previewGuide">
<iframe ref="frameEl" :src="htmlUrl(previewGuide.id)" class="preview-frame" :class="{ landscape: isLandscape }" title="Guide-Vorschau" @load="injectPadding"></iframe>
<iframe ref="frameEl" :src="htmlUrl(previewGuide.id)" class="preview-frame" :class="{ landscape: isLandscape }" title="Guide-Vorschau" @load="onFrameLoad"></iframe>
</div>
<div class="empty-preview" v-else>