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 22:43:54 +02:00
parent 6e5d673ca7
commit 08dd0ccd69
6 changed files with 107 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -55,11 +55,16 @@ 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.
// Tier 2 (Score 3→10) frei, sobald ALLE Bausteine absolviert; Tier 3 (Meisterpfad 10→25) frei, sobald ALLE verstanden.
const guideSections = computed(() => (content.value?.chapters || []).flatMap((ch) => ch.sections))
const guideAbsolviert = computed(() => {
const secs = (content.value?.chapters || []).flatMap((ch) => ch.sections)
const secs = guideSections.value
return secs.length > 0 && secs.every((s) => lernstand.value[s.title]?.absolviert)
})
const guideVerstanden = computed(() => {
const secs = guideSections.value
return secs.length > 0 && secs.every((s) => lernstand.value[s.title]?.verstanden)
})
// --- Chat (Mechanik in useChat; Kontext-Extraktion bleibt hier) ---
const chat = useChat((msgs) => {
@@ -159,12 +164,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]?.verstanden ? 'verstanden' : (lernstand[s.title]?.absolviert ? 'absolviert' : '')]"
:class="['section-card', isOnePager && s.key ? 'op-card op-' + s.key : '', lernstand[s.title]?.gemeistert ? 'gemeistert' : (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]?.verstanden" class="baustein-done verstanden" title="Vollständig verstanden (10/10)">✓✓ Verstanden</span>
<span v-if="lernstand[s.title]?.gemeistert" class="baustein-done gemeistert" title="Gemeistert (25/25)">✓✓✓ Gemeistert</span>
<span v-else-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>
@@ -176,6 +182,7 @@ function extractContext() {
:provider="provider"
:status="lernstand[s.title]"
:tier2="guideAbsolviert"
:tier3="guideVerstanden"
@status-changed="(st) => onBausteinStatus(s.title, st)"
/>
</article>
@@ -333,16 +340,28 @@ function extractContext() {
background: color-mix(in srgb, var(--success) 5%, var(--panel));
}
/* Verstandene Bausteine (Mastery 10/10): Gold */
/* Verstandene Bausteine (10/10): Lila */
.baustein-done.verstanden {
background: color-mix(in srgb, #d4af37 18%, var(--panel));
background: color-mix(in srgb, #8b5cf6 16%, var(--panel));
border-color: #8b5cf6;
color: #6d28d9;
}
.guide-content:not(.onepager) .section-card.verstanden {
border-color: #8b5cf6;
border-top: 3px solid #8b5cf6;
background: color-mix(in srgb, #8b5cf6 7%, var(--panel));
}
/* Gemeisterte Bausteine (Meisterpfad 25/25): Gold */
.baustein-done.gemeistert {
background: color-mix(in srgb, #d4af37 20%, var(--panel));
border-color: #d4af37;
color: #8a6d12;
}
.guide-content:not(.onepager) .section-card.verstanden {
.guide-content:not(.onepager) .section-card.gemeistert {
border-color: #d4af37;
border-top: 3px solid #d4af37;
background: color-mix(in srgb, #d4af37 7%, var(--panel));
background: color-mix(in srgb, #d4af37 8%, var(--panel));
}
/* Guides: Karten tragen die Kapitel-Akzentfarbe (OnePager hat eigene op-card-Farben) */