From a11ba52f2e057ab3b10da6c90612586805ab3dba Mon Sep 17 00:00:00 2001
From: Owen Leonard <oleonard@myacpl.org>
Date: Tue, 23 Jan 2024 18:54:02 +0000
Subject: [PATCH] Bug 35877: Use template wrapper to build Bootstrap accordion
 components

This patch adds Template::Toolkit WRAPPER blocks to html_helpers.inc so
that templates can build Bootstrap accordion components while keeping
the Bootstrap structural markup separate.

Each individual component of a Bootstrap accordion interface is defined:

- Group container
  - Collapsible item
    - Item heading
    - Item content

Included is a usage example:

    [ WRAPPER accordion id="accordion container id" ]
        [ WRAPPER accordion_item ]
            [ WRAPPER accordion_heading panel_id = "panel id" ]
                [Clickable panel heading ]
            [ END ]
            [ WRAPPER accordion_panel panel_id = "panel id" ]
                [Expanding content panel]
            [ END ]
        [ END ]
    [ END ]

To test, apply this patch and one of the dependent patches.

Signed-off-by: David Nind <david@davidnind.com>
Signed-off-by: Julian Maurice <julian.maurice@biblibre.com>
Signed-off-by: Katrin Fischer <katrin.fischer@bsz-bw.de>
---
 .../prog/en/includes/html_helpers.inc         | 41 +++++++++++++++++++
 1 file changed, 41 insertions(+)

diff --git a/koha-tmpl/intranet-tmpl/prog/en/includes/html_helpers.inc b/koha-tmpl/intranet-tmpl/prog/en/includes/html_helpers.inc
index 535cbca2c9..cda7dca981 100644
--- a/koha-tmpl/intranet-tmpl/prog/en/includes/html_helpers.inc
+++ b/koha-tmpl/intranet-tmpl/prog/en/includes/html_helpers.inc
@@ -473,3 +473,44 @@
         </li>
     [% END %]
 [% END %]
+
+[% # [ WRAPPER accordion id="accordion container id" ]           %]
+[% #     [ WRAPPER accordion_item ]                              %]
+[% #         [ WRAPPER accordion_heading panel_id = "panel id" ] %]
+[% #             [Clickable panel heading ]                      %]
+[% #         [ END ]                                             %]
+[% #         [ WRAPPER accordion_panel panel_id = "panel id" ]   %]
+[% #             [Expanding content panel]                       %]
+[% #         [ END ]                                             %]
+[% #     [ END ]                                                 %]
+[% # [ END ]                                                     %]
+
+[% BLOCK accordion %]
+    <div class="panel-group" id="[% panelgroup_id | $raw %]_group" role="tablist" aria-multiselectable="true">
+        [% content | $raw %]
+    </div>
+[% END %]
+
+[% BLOCK accordion_item %]
+    <div class="panel panel-default">
+        [% content | $raw %]
+    </div>
+[% END %]
+
+[% BLOCK accordion_heading %]
+    <div class="panel-heading" role="tab" id="[% panel_id | $raw %]_heading">
+        <h2 class="panel-title">
+            <a id="[% panel_id | $raw %]Toggle" href="#[% panel_id | $raw %]_panel" class="collapsed" role="button" data-toggle="collapse" data-parent="#[% panelgroup_id | $raw %]_group" href="#" aria-expanded="false" aria-controls="[% panel_id | $raw %]_panel">
+                [% content | $raw %]
+            </a>
+        </h2>
+    </div> <!-- /.panel-heading -->
+[% END %]
+
+[% BLOCK accordion_panel %]
+    <div id="[% panel_id | $raw %]_panel" class="panel-collapse collapse" role="tabpanel" aria-labelledby="[% panel_id | $raw %]_heading">
+        <div class="panel-body">
+            [% content | $raw %]
+        </div> <!-- /.panel-body -->
+    </div> <!-- /.panel-collapse -->
+[% END %]
-- 
2.39.5