From b976532b06e04a9c29bcec0ab3a309753e603c14 Mon Sep 17 00:00:00 2001
From: "Torsten Schulz (local)" <tsschulz@gmx.net>
Date: Wed, 27 May 2026 16:22:13 +0200
Subject: [PATCH] =?UTF-8?q?feat:=20f=C3=BCge=20Fortschrittsanzeige=20f?=
 =?UTF-8?q?=C3=BCr=20die=20Freischaltung=20von=20=C3=9Cbungen=20hinzu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/views/social/VocabLessonView.vue | 51 +++++++++++++++++++
 1 file changed, 51 insertions(+)

diff --git a/frontend/src/views/social/VocabLessonView.vue b/frontend/src/views/social/VocabLessonView.vue
index af5a8ce..64e290a 100644
--- a/frontend/src/views/social/VocabLessonView.vue
+++ b/frontend/src/views/social/VocabLessonView.vue
@@ -228,6 +228,22 @@
             <div v-if="hasExercises && !canAccessExercises" class="exercise-lock-note">
               <strong>{{ $t('socialnetwork.vocab.courses.exerciseLockTitle') }}</strong>
               <p>{{ exerciseUnlockHint }}</p>
+              <div class="exercise-unlock-conditions">
+                <ul>
+                  <li :class="{ ok: exerciseUnlockProgress.newContentOk }">
+                    <strong>{{ $t('socialnetwork.vocab.courses.trainerProgressNewContentLabel') || 'Neue Inhalte:' }}</strong>
+                    <span>{{ exerciseUnlockProgress.currentNew }} / {{ exerciseUnlockProgress.targetNew }}</span>
+                  </li>
+                  <li :class="{ ok: exerciseUnlockProgress.totalAttemptsOk }">
+                    <strong>{{ $t('socialnetwork.vocab.courses.totalAttemptsLabel') || 'Trainer-Versuche gesamt:' }}</strong>
+                    <span>{{ exerciseUnlockProgress.totalAttempts }} / {{ exerciseUnlockProgress.totalTarget }}</span>
+                  </li>
+                  <li :class="{ ok: exerciseUnlockProgress.successRateOk }">
+                    <strong>{{ $t('socialnetwork.vocab.courses.successRateLabel') || 'Erfolgsrate:' }}</strong>
+                    <span>{{ exerciseUnlockProgress.successRate }}% / {{ exerciseUnlockProgress.requiredRate }}%</span>
+                  </li>
+                </ul>
+              </div>
             </div>
             <div v-if="!vocabTrainerActive" class="vocab-trainer-start">
               <template v-if="canStartVocabTrainerPrep">
@@ -1237,6 +1253,25 @@ export default {
     exerciseUnlockMinSuccessPercent() {
       return EXERCISE_UNLOCK_MIN_SUCCESS_PERCENT;
     },
+    exerciseUnlockProgress() {
+      const currentNew = Math.max(0, Number(this.vocabTrainerCurrentAttempts) || 0);
+      const targetNew = Math.max(0, Number(this.trainerNewFocusTarget) || 0);
+      const totalAttempts = Math.max(0, Number(this.vocabTrainerTotalAttempts) || 0);
+      const totalTarget = Math.max(0, Number(this.trainerExerciseUnlockAttempts) || 0);
+      const successRate = totalAttempts > 0 ? Math.round((Number(this.vocabTrainerCorrect) || 0) / totalAttempts * 100) : 0;
+      const requiredRate = Math.max(0, Number(this.exerciseUnlockMinSuccessPercent) || 0);
+      return {
+        currentNew,
+        targetNew,
+        totalAttempts,
+        totalTarget,
+        successRate,
+        requiredRate,
+        newContentOk: currentNew >= targetNew,
+        totalAttemptsOk: totalAttempts >= totalTarget,
+        successRateOk: successRate >= requiredRate
+      };
+    },
     currentReviewShare() {
       if (!this.hasPreviousVocab) {
         return 0;
@@ -4598,6 +4633,22 @@ export default {
   color: var(--color-text-secondary);
 }
 
+.exercise-unlock-conditions ul {
+  list-style: none;
+  padding: 0;
+  margin: 8px 0 0 0;
+}
+.exercise-unlock-conditions li {
+  display: flex;
+  justify-content: space-between;
+  padding: 4px 0;
+  color: var(--color-text-secondary);
+}
+.exercise-unlock-conditions li.ok {
+  color: var(--color-positive, #2a9d2b);
+  font-weight: 600;
+}
+
 .language-assistant-panel {
   display: grid;
   gap: 14px;