From 109687c4e022fb81d04da9cbb9d633a0c15775cd Mon Sep 17 00:00:00 2001
From: Holger Meyer <holger.meyer@fork.de>
Date: Sat, 1 Apr 2023 21:33:18 +0200
Subject: [PATCH] feat(block): Added nesting to accordion block

---
 site/blueprints/pages/article.yml   |  2 ++
 site/plugins/block-factory/index.js | 15 +++++++--------
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/site/blueprints/pages/article.yml b/site/blueprints/pages/article.yml
index 2dcba47..8e0339b 100644
--- a/site/blueprints/pages/article.yml
+++ b/site/blueprints/pages/article.yml
@@ -8,6 +8,8 @@ tabs:
         fields:
           text:
             type: blocks
+            fieldsets:
+              - accordion
 
       - width: 1/3
         sections:
diff --git a/site/plugins/block-factory/index.js b/site/plugins/block-factory/index.js
index 721b965..54f55bc 100644
--- a/site/plugins/block-factory/index.js
+++ b/site/plugins/block-factory/index.js
@@ -1,16 +1,15 @@
 panel.plugin("cookbook/block-factory", {
   blocks: {
     accordion: `
-      <div>
-        <div v-if="content.summary">
-          <details>
-            <summary>{{ content.summary }}</summary>
-            <div v-if="content.details" v-html="content.details"></div>
+      <div @dblclick="open">
+        <h2 class="k-block-type-accordion-heading" v-html="content.headline"></h2>
+        <div v-if="content.accordion.length">
+          <details v-for="(item, index) in content.accordion" class="k-block-type-accordion-item" :key="index">
+            <summary>{{ index + item.summary }}</summary>
+            <div v-html="item.details"></div>
           </details>
         </div>
-        <div v-else>
-          No content yet
-        </div>
+        <div v-else>No items yet</div>
       </div>
     `,
   },