marek/creator
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-14 14:55:44 +02:00
parent 2b89e21cd3
commit 143e6d6f7c
7 changed files with 108 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -55,6 +55,12 @@ function onBausteinStatus(baustein, status) {
if (status.absolviert && !warAbsolviert) emit('progressChanged') // Locks/Stats neu laden
}
// Tier 2 (Mastery, Score 3→10) ist frei, sobald ALLE Bausteine des Guides absolviert sind.
const guideAbsolviert = computed(() => {
const secs = (content.value?.chapters || []).flatMap((ch) => ch.sections)
return secs.length > 0 && secs.every((s) => lernstand.value[s.title]?.absolviert)
})
// --- Chat (Mechanik in useChat; Kontext-Extraktion bleibt hier) ---
const chat = useChat((msgs) => {
const { section, outline } = extractContext()
@@ -153,12 +159,13 @@ function extractContext() {
<article
v-for="s in ch.sections"
:key="s.num"
:class="['section-card', isOnePager && s.key ? 'op-card op-' + s.key : '', lernstand[s.title]?.absolviert ? 'absolviert' : '']"
:class="['section-card', isOnePager && s.key ? 'op-card op-' + s.key : '', lernstand[s.title]?.verstanden ? 'verstanden' : (lernstand[s.title]?.absolviert ? 'absolviert' : '')]"
:style="isOnePager && s.key ? { gridArea: s.key } : null"
>
<h3>
{{ s.title }}
<span v-if="lernstand[s.title]?.absolviert" class="baustein-done" title="Prüfung bestanden">✓ Absolviert</span>
<span v-if="lernstand[s.title]?.verstanden" class="baustein-done verstanden" title="Vollständig verstanden (10/10)">✓✓ Verstanden</span>
<span v-else-if="lernstand[s.title]?.absolviert" class="baustein-done" title="Prüfung bestanden">✓ Absolviert</span>
</h3>
<div class="section-body markdown" v-html="renderMarkdown(s.md)"></div>
<BausteinPanel
@@ -168,6 +175,7 @@ function extractContext() {
:section="s.md"
:provider="provider"
:status="lernstand[s.title]"
:tier2="guideAbsolviert"
@status-changed="(st) => onBausteinStatus(s.title, st)"
/>
</article>
@@ -325,6 +333,18 @@ function extractContext() {
background: color-mix(in srgb, var(--success) 5%, var(--panel));
}
/* Verstandene Bausteine (Mastery 10/10): Gold */
.baustein-done.verstanden {
background: color-mix(in srgb, #d4af37 18%, var(--panel));
border-color: #d4af37;
color: #8a6d12;
}
.guide-content:not(.onepager) .section-card.verstanden {
border-color: #d4af37;
border-top: 3px solid #d4af37;
background: color-mix(in srgb, #d4af37 7%, var(--panel));
}
/* Guides: Karten tragen die Kapitel-Akzentfarbe (OnePager hat eigene op-card-Farben) */
.guide-content:not(.onepager) .section-card {
border-top: 3px solid color-mix(in srgb, var(--ch-accent, var(--accent)) 65%, transparent);