From 262c9f14251c71850b249230bcc15e836120173d Mon Sep 17 00:00:00 2001
From: Ramon Wenger <ramon.wenger@iterativ.ch>
Date: Wed, 5 Oct 2022 09:29:56 +0200
Subject: [PATCH] Add thinglink and infogram blocks

---
 .../content-block-form/ContentElement.vue     | 28 ++++++++++++++-----
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/client/src/components/content-block-form/ContentElement.vue b/client/src/components/content-block-form/ContentElement.vue
index 438a6a07..86868bff 100644
--- a/client/src/components/content-block-form/ContentElement.vue
+++ b/client/src/components/content-block-form/ContentElement.vue
@@ -62,7 +62,9 @@
   const ImageBlock = () => import(/* webpackChunkName: "content-forms" */'@/components/content-blocks/ImageBlock');
   const Instruction = () => import(/* webpackChunkName: "content-forms" */'@/components/content-blocks/Instruction');
   const ModuleRoomSlug = () => import(/* webpackChunkName: "content-forms" */'@/components/content-blocks/ModuleRoomSlug');
-  const  CmsDocumentBlock = () => import(/* webpackChunkName: "content-forms" */'@/components/content-blocks/CmsDocumentBlock');
+  const CmsDocumentBlock = () => import(/* webpackChunkName: "content-forms" */'@/components/content-blocks/CmsDocumentBlock');
+  const ThinglinkBlock = () => import(/* webpackChunkName: "content-forms" */'@/components/content-blocks/ThinglinkBlock');
+  const InfogramBlock = () => import(/* webpackChunkName: "content-forms" */'@/components/content-blocks/InfogramBlock');
 
   const CHOOSER = 'content-block-element-chooser-widget';
 
@@ -105,6 +107,8 @@
       Instruction,
       ModuleRoomSlug,
       CmsDocumentBlock,
+      InfogramBlock,
+      ThinglinkBlock
     },
 
     computed: {
@@ -180,32 +184,42 @@
           case 'survey':
             return {
               component: 'survey-block',
-              title: 'Umfrage'
+              title: 'Umfrage',
             };
           case 'solution':
             return {
               component: 'solution',
-              title: 'Lösung'
+              title: 'Lösung',
             };
           case 'image_block':
             return {
               component: 'image-block',
-              title: 'Bild'
+              title: 'Bild',
             };
           case 'instruction':
             return {
               component: 'instruction',
-              title: 'Instruktion'
+              title: 'Instruktion',
             };
           case 'module_room_slug':
             return {
               component: 'module-room-slug',
-              title: 'Raum'
+              title: 'Raum',
             };
           case 'cms_document_block':
             return {
               component: 'cms-document-block',
-              title: 'Dokument'
+              title: 'Dokument',
+            };
+          case 'thinglink_block':
+            return {
+              component: 'thinglink-block',
+              title: 'Illustration'
+            };
+          case 'infogram_block':
+            return {
+              component: 'infogram-block',
+              title: 'Illustration'
             };
         }
         return {