feat(block): Added nesting to accordion block

fork · Apr 1, 2023 · 109687c · 109687c
1 parent 80e6b27
commit 109687c
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 8 deletions.
diff --git 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
@@ -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>
     `,
   },