Use HF detail image from backend

client/src/pages/mediaLibrary/MLCategoryDetailPage.vue

@@ -82,8 +82,8 @@ function hasMoreItemsForType<T>(itemType: MediaBlockType, items: T[]) {
           </div>
           <div>
             <img
-              class="hidden md:block float-left lg:float-right md:mt-8 lg:mt-0"
-              :src="'/static/icons/demo/category-large.png'"
+              class="hidden md:block float-left lg:float-right md:mt-8 lg:mt-0 lg:max-w-[505px]"
+              :src="`/static/icons/demo/${mediaCategory.detail_image}.png`"
               alt=""
             />
           </div>

client/src/types.ts

@@ -255,6 +255,7 @@ export interface MediaContentCollection {
 export interface MediaCategoryPage extends BaseCourseWagtailPage {
   type: "media_library.MediaCategoryPage";
   overview_icon: string;
+  detail_image: string;
   introduction_text: string;
   description_title: string;
   description_text: string;

server/vbv_lernwelt/media_library/create_default_media_library.py

@@ -42,10 +42,12 @@ def create_default_media_library():
     ]
     for idx, cat in enumerate(course.coursecategory_set.all()):
         overview_icon = icons[(idx + len(icons) - 1) % len(icons)]
+        detail_image = overview_icon.replace("icon", "image")
 
         if cat.title == "Fahrzeug":
             media_category = MediaCategoryPageFactory(
                 overview_icon=overview_icon,
+                detail_image=detail_image,
                 title=cat.title,
                 course_category=cat,
                 parent=media_lib_page,
@@ -177,6 +179,7 @@ die der Fahrzeugbesitzer und die Fahrzeugbesitzerin in einem grösseren Schadenf
         elif cat.title == "Reisen":
             media_category = MediaCategoryPageFactory(
                 overview_icon=overview_icon,
+                detail_image=detail_image,
                 title=cat.title,
                 course_category=cat,
                 parent=media_lib_page,

server/vbv_lernwelt/media_library/migrations/0003_mediacategorypage_detail_image.py

@@ -0,0 +1,17 @@
+# Generated by Django 4.0.8 on 2022-11-07 09:49
+
+from django.db import migrations, models
+
+
+class Migration(migrations.Migration):
+    dependencies = [
+        ("media_library", "0002_alter_mediacategorypage_body"),
+    ]
+
+    operations = [
+        migrations.AddField(
+            model_name="mediacategorypage",
+            name="detail_image",
+            field=models.CharField(default="image-hf-fahrzeug", max_length=255),
+        ),
+    ]

server/vbv_lernwelt/media_library/models.py

@@ -61,6 +61,7 @@ class MediaCategoryPage(Page):
     )
 
     overview_icon = models.CharField(max_length=255, default="icon-hf-fahrzeug")
+    detail_image = models.CharField(max_length=255, default="image-hf-fahrzeug")
 
     body = fields.StreamField(
         [("content_collection", MediaContentCollection())],
@@ -96,6 +97,7 @@ class MediaCategoryPage(Page):
                 "course_category",
                 "introduction_text",
                 "overview_icon",
+                "detail_image",
                 "description_title",
                 "description_text",
                 "items",