From 2d58cdd9fed1ff7030be38b5bce53d4293464cc0 Mon Sep 17 00:00:00 2001
From: Daniel Egger <daniel.egger@gmail.com>
Date: Fri, 26 May 2023 16:05:25 +0200
Subject: [PATCH] Add code after rebase

---
 .../blocks/DocumentListBlock.vue              | 37 ++++++++++++++++++-
 .../vbv_lernwelt/course/creators/uk_course.py |  3 +-
 2 files changed, 38 insertions(+), 2 deletions(-)

diff --git a/client/src/pages/learningPath/learningContentPage/blocks/DocumentListBlock.vue b/client/src/pages/learningPath/learningContentPage/blocks/DocumentListBlock.vue
index edeaf119..2f7694f9 100644
--- a/client/src/pages/learningPath/learningContentPage/blocks/DocumentListBlock.vue
+++ b/client/src/pages/learningPath/learningContentPage/blocks/DocumentListBlock.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import MediaLink from "@/components/mediaLibrary/MediaLink.vue";
 import type { LearningContentDocumentList } from "@/types";
 import LearningContentSimpleLayout from "../layouts/LearningContentSimpleLayout.vue";
 
@@ -11,7 +12,41 @@ const props = defineProps<{
   <LearningContentSimpleLayout :title="content.title" :learning-content="props.content">
     <div class="container-medium">
       <div class="lg:mt-8">
-        <div class="text-large my-4">List von Docs</div>
+        <div class="my-4">
+          <!-- eslint-disable vue/no-v-html -->
+          <p v-if="content.description" v-html="content.description"></p>
+
+          <div>
+            <ul class="border-t">
+              <li
+                v-for="item in content.documents"
+                :key="item.id"
+                class="flex items-center justify-between border-b py-4"
+              >
+                <div class="flex items-center justify-between">
+                  <div v-if="item.value.icon_url">
+                    <img class="mr-6 max-h-[70px]" :src="item.value.icon_url" />
+                  </div>
+                  <div>
+                    <h4 class="text-bold">{{ item.value.title }}</h4>
+                    <p v-if="item.value.description" class="mb-2">
+                      {{ item.value.description }}
+                    </p>
+                  </div>
+                </div>
+                <div class="">
+                  <MediaLink
+                    :to="item.value.url"
+                    :blank="item.value.open_window"
+                    class="link"
+                  >
+                    {{ item.value.link_display_text }}
+                  </MediaLink>
+                </div>
+              </li>
+            </ul>
+          </div>
+        </div>
       </div>
     </div>
   </LearningContentSimpleLayout>
diff --git a/server/vbv_lernwelt/course/creators/uk_course.py b/server/vbv_lernwelt/course/creators/uk_course.py
index 84f28b82..283778e4 100644
--- a/server/vbv_lernwelt/course/creators/uk_course.py
+++ b/server/vbv_lernwelt/course/creators/uk_course.py
@@ -21,6 +21,7 @@ from vbv_lernwelt.learnpath.tests.learning_path_factories import (
     LearningSequenceFactory,
     LearningUnitFactory,
     TopicFactory,
+    LearningContentDocumentListFactory,
 )
 
 
@@ -343,7 +344,7 @@ def create_uk_circle_fahrzeug(lp, title="Fahrzeug"):
     ),
     LearningSequenceFactory(title="Training", parent=circle)
     LearningUnitFactory(title="Unterlagen", parent=circle)
-    LearningContentPlaceholderFactory(
+    LearningContentDocumentListFactory(
         title="Unterlagen für den Unterricht",
         parent=circle,
     )