VBV-515: Kompetenznachweis mit 0 Punkten

client/src/pages/competence/CompetenceCertificateComponent.vue

@@ -58,17 +58,21 @@ const progressStatusCount = computed(() => {
         </div>
       </div>
 
-      <div class="flex items-center">
+      <section v-if="userPointsEvaluatedAssignments > 0" class="flex items-center">
         <div
           class="py-4"
           :class="{ 'heading-1': props.detailView, 'heading-2': !props.detailView }"
         >
           {{ userPointsEvaluatedAssignments }}
         </div>
-        <div>
+        <div class="ml-1">
           {{ $t("assignment.von x Punkten", { x: totalPointsEvaluatedAssignments }) }}
         </div>
-      </div>
+      </section>
+      <section v-else class="py-2">
+        {{ $t("a.competenceCertificateNoUserPoints") }}
+      </section>
+
       <ItProgress :status-count="progressStatusCount" />
       <div>
         {{

client/src/pages/competence/CompetenceCertificateListPage.vue

@@ -72,14 +72,17 @@ onMounted(async () => {
         </div>
       </div>
 
-      <div class="flex items-center">
+      <section v-if="userPointsEvaluatedAssignments > 0" class="flex items-center">
         <div class="heading-1 py-4">
           {{ userPointsEvaluatedAssignments }}
         </div>
         <div class="pl-2">
           {{ $t("assignment.von x Punkten", { x: totalPointsEvaluatedAssignments }) }}
         </div>
-      </div>
+      </section>
+      <section v-else class="my-4">
+        {{ $t("a.competenceCertificateNoUserPoints") }}
+      </section>
     </div>
 
     <div

client/src/pages/competence/CompetenceIndexPage.vue

@@ -64,11 +64,16 @@ const performanceCriteriaStatusCount = computed(() => {
         <h3>{{ $t("a.Kompetenznachweise") }}</h3>
       </div>
       <div class="mt-4">
-        {{ $t("a.Zwischenstand") }} {{ $t("a.Gesamtpunktzahl") }}:
+        <div v-if="userPointsEvaluatedAssignments > 0">
-        <span class="font-bold">
+          {{ $t("a.Zwischenstand") }} {{ $t("a.Gesamtpunktzahl") }}:
-          {{ userPointsEvaluatedAssignments }}
+          <span class="font-bold">
-        </span>
+            {{ userPointsEvaluatedAssignments }}
-        {{ $t("assignment.von x Punkten", { x: totalPointsEvaluatedAssignments }) }}
+          </span>
+          {{ $t("assignment.von x Punkten", { x: totalPointsEvaluatedAssignments }) }}
+        </div>
+        <div v-else>
+          {{ $t("a.competenceCertificateNoUserPoints") }}
+        </div>
       </div>
 
       <div>

client/src/pages/learningPath/learningContentPage/blocks/EdoniqTestBlock.vue

@@ -63,16 +63,15 @@ async function startTest() {
         />
       </div>
 
-        <div class="my-8">
+      <div class="my-8">
-          <button
+        <button
-            :disabled="!termsAccepted"
+          :disabled="!termsAccepted"
-            class="btn-primary inline-flex items-center"
+          class="btn-primary inline-flex items-center"
-            @click="startTest()"
+          @click="startTest()"
-          >
+        >
-            {{ $t("edoniqTest.startTest") }}
+          {{ $t("edoniqTest.startTest") }}
-            <it-icon-external-link class="it-icon ml-2 h-5 w-5"></it-icon-external-link>
+          <it-icon-external-link class="it-icon ml-2 h-5 w-5"></it-icon-external-link>
-          </button>
+        </button>
-        </div>
       </div>
     </div>
   </LearningContentSimpleLayout>