From 09b2586262266491b637d6e9b300efb00d4c0485 Mon Sep 17 00:00:00 2001
From: Livio Bieri <livio@livio.li>
Date: Wed, 17 Jan 2024 18:28:02 +0100
Subject: [PATCH] feat: prepare data for self evaluation submit component

---
 .../selfEvaluationPage/SelfEvaluation.vue     |  9 ++++---
 .../SelfEvaluationSubmit.vue                  | 25 +++++++++++++++++++
 2 files changed, 31 insertions(+), 3 deletions(-)
 create mode 100644 client/src/pages/learningPath/selfEvaluationPage/SelfEvaluationSubmit.vue

diff --git a/client/src/pages/learningPath/selfEvaluationPage/SelfEvaluation.vue b/client/src/pages/learningPath/selfEvaluationPage/SelfEvaluation.vue
index e7a62386..42cd010f 100644
--- a/client/src/pages/learningPath/selfEvaluationPage/SelfEvaluation.vue
+++ b/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>
-          <span>Sali zeme, Abgooob</span>
-        </div>
+        <SelfEvaluationSubmit
+          v-else
+          :learning-unit="props.learningUnit"
+          :criteria="questions"
+        />
       </LearningContentMultiLayout>
     </LearningContentContainer>
   </div>
diff --git a/client/src/pages/learningPath/selfEvaluationPage/SelfEvaluationSubmit.vue b/client/src/pages/learningPath/selfEvaluationPage/SelfEvaluationSubmit.vue
new file mode 100644
index 00000000..46118b95
--- /dev/null
+++ b/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>