feat: prepare data for self evaluation submit component

client/src/pages/learningPath/selfEvaluationPage/SelfEvaluation.vue

@@ -11,6 +11,7 @@ import { useRouteQuery } from "@vueuse/router";
 import { computed, onUnmounted } from "vue";
 import { getPreviousRoute } from "@/router/history";
 import { getCompetenceNaviUrl } from "@/utils/utils";
+import SelfEvaluationSubmit from "@/pages/learningPath/selfEvaluationPage/SelfEvaluationSubmit.vue";
 
 log.debug("LearningContent.vue setup");
 
@@ -152,9 +153,11 @@ onUnmounted(() => {
             </div>
           </div>
         </div>
-        <div v-else>
+        <SelfEvaluationSubmit
-          <span>Sali zeme, Abgooob</span>
+          v-else
-        </div>
+          :learning-unit="props.learningUnit"
+          :criteria="questions"
+        />
       </LearningContentMultiLayout>
     </LearningContentContainer>
   </div>

client/src/pages/learningPath/selfEvaluationPage/SelfEvaluationSubmit.vue

@@ -0,0 +1,25 @@
+<script setup lang="ts">
+import type { LearningUnit, LearningUnitPerformanceCriteria } from "@/types";
+
+defineProps<{
+  learningUnit: LearningUnit;
+  criteria: LearningUnitPerformanceCriteria[];
+}>();
+</script>
+
+<template>
+  <div>
+    <code>ABGABE SCREEN</code>
+    <code>LUID: {{ learningUnit.id }}</code>
+  </div>
+  <div v-for="(pc, index) in criteria" :key="pc.id">
+    <code>
+      {{ pc.title }} =>
+      <b>{{ pc.completion_status }}</b>
+      <br />
+      <a :href="`${learningUnit.evaluate_url}?step=${index}`">[[EDIT]]</a>
+    </code>
+  </div>
+</template>
+
+<style scoped></style>