From 259f1a3ed0196fa4fc2e7a0e8def717e5e49dad0 Mon Sep 17 00:00:00 2001
From: Kayu84 <ruwengastrock@gmail.com>
Date: Wed, 1 Sep 2021 11:18:56 +0200
Subject: [PATCH 1/2] [FIX] default localized accordion items

localized default accordion items not working. localized items getting the same {record.data.uid}.
---
 Resources/Private/Templates/ContentElements/Accordion.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/Resources/Private/Templates/ContentElements/Accordion.html b/Resources/Private/Templates/ContentElements/Accordion.html
index ba85d876f..a9a08197f 100644
--- a/Resources/Private/Templates/ContentElements/Accordion.html
+++ b/Resources/Private/Templates/ContentElements/Accordion.html
@@ -9,7 +9,7 @@
             <f:for each="{records}" as="record" iteration="iteration">
                 <div class="accordion-item">
                     <h4 class="accordion-header" id="accordion-heading-{data.uid}-{record.data.uid}">
-                        <button class="accordion-button{f:if(condition: '{activeElement} == {record.data.uid}', else:' collapsed')}" type="button"
+                        <button class="accordion-button{f:if(condition: '{activeElement} == {record.data.uid} || {activeElement} == {record.data._LOCALIZED_UID}', else:' collapsed')}" type="button"
                             data-toggle="collapse"
                             data-target="#accordion-{data.uid}-{record.data.uid}"
                             data-parent="#accordion-{data.uid}"

From 7d529beb52af1e29f092fb86061a0633d41b2416 Mon Sep 17 00:00:00 2001
From: Kayu84 <ruwengastrock@gmail.com>
Date: Wed, 1 Sep 2021 12:01:09 +0200
Subject: [PATCH 2/2] Update Accordion.html

fixed default language, cause {activeElement} == {record.data._LOCALIZED_UID} could be both '' (NULL) and results in true.
fixed button (collapsed) && accordion-item (show)
---
 Resources/Private/Templates/ContentElements/Accordion.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/Resources/Private/Templates/ContentElements/Accordion.html b/Resources/Private/Templates/ContentElements/Accordion.html
index a9a08197f..2875b6715 100644
--- a/Resources/Private/Templates/ContentElements/Accordion.html
+++ b/Resources/Private/Templates/ContentElements/Accordion.html
@@ -9,7 +9,7 @@
             <f:for each="{records}" as="record" iteration="iteration">
                 <div class="accordion-item">
                     <h4 class="accordion-header" id="accordion-heading-{data.uid}-{record.data.uid}">
-                        <button class="accordion-button{f:if(condition: '{activeElement} == {record.data.uid} || {activeElement} == {record.data._LOCALIZED_UID}', else:' collapsed')}" type="button"
+                        <button class="accordion-button{f:if(condition: '{activeElement} == {f:if(condition: \'{record.data._LOCALIZED_UID}\',then: \'{record.data._LOCALIZED_UID}\',else: \'{record.data.uid}\')}', else: ' collapsed')}" type="button"
                             data-toggle="collapse"
                             data-target="#accordion-{data.uid}-{record.data.uid}"
                             data-parent="#accordion-{data.uid}"
@@ -22,7 +22,7 @@ <h4 class="accordion-header" id="accordion-heading-{data.uid}-{record.data.uid}"
                             {record.data.header}
                         </button>
                     </h4>
-                    <div id="accordion-{data.uid}-{record.data.uid}" class="accordion-collapse collapse{f:if(condition: '{activeElement} == {record.data.uid}', then: ' show')}" aria-labelledby="accordion-heading-{data.uid}-{record.data.uid}" data-parent="#accordion-{data.uid}">
+                    <div id="accordion-{data.uid}-{record.data.uid}" class="accordion-collapse collapse{f:if(condition: '{activeElement} == {f:if(condition: \'{record.data._LOCALIZED_UID}\',then: \'{record.data._LOCALIZED_UID}\',else: \'{record.data.uid}\')}', then: ' show')}" aria-labelledby="accordion-heading-{data.uid}-{record.data.uid}" data-parent="#accordion-{data.uid}">
                         <div class="accordion-body">
                             <div class="accordion-content accordion-content-{record.data.mediaorient}">
                                 <f:if condition="{record.files}">