From ca99ef927e78acfa1f53e4ffb62609a9365008ec Mon Sep 17 00:00:00 2001
From: Allison Lund <67483756+alliomeria@users.noreply.github.com>
Date: Fri, 12 Aug 2022 22:55:22 -0400
Subject: [PATCH] Update object_description.twig.html

Updated to use bootstrap accordion class for Additional Information section (per recommendation by @DiegoPino & @aksm), and includes
@karomabiles recommendation to make the ID for the Related Item section consistent with the webform.
---
 .../object_description.twig.html              | 36 +++++++++----------
 1 file changed, 18 insertions(+), 18 deletions(-)

diff --git a/d8content/metadatadisplays/object_description.twig.html b/d8content/metadatadisplays/object_description.twig.html
index d5917a3..70c5704 100644
--- a/d8content/metadatadisplays/object_description.twig.html
+++ b/d8content/metadatadisplays/object_description.twig.html
@@ -280,20 +280,20 @@ <h2>Language</h2>
 	data.related_item_note|length > 0
 %}
 <h2>Additional Information</h2>
-<div id="accordion">
+<div class="accordion" id="additionalInformation">
 	{% if data.note|length > 0 or
 	data.note_publishinginfo|length > 0
 	%}
-<div class="card">
-  <div class="card-header" id="Notes">
+<div class="accordion-item">
+  <div class="accordion-header" id="Notes">
     <h5 class="mb-0">
-      <button class="btn btn-link" data-bs-toggle="collapse" data-bs-target="#collapseOne" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+      <button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseOne" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
         Note(s)
       </button>
     </h5>
   </div>
   <div id="collapseOne" class="collapse show" aria-labelledby="headingOne" data-bs-parent="#accordion" data-parent="#accordion">
-    <div class="card-body">
+    <div class="accordion-body">
 		{% if data.note|length > 0 %}
 		<h6>General note: </h6>
 			{% if data.note is iterable %}
@@ -322,16 +322,16 @@ <h6>Publishing Info Note: </h6>
 	data.physical_description_extent|length > 0 or
     data.data.physical_description_note_condition|length > 0
     %}
-  <div class="card">
-    <div class="card-header" id="PhysicalDescription">
+  <div class="accordian-item">
+    <div class="accordion-header" id="PhysicalDescription">
       <h5 class="mb-0">
-        <button class="btn btn-link" data-bs-toggle="collapse" data-bs-target="#collapseTwo" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
+        <button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
           Physical Description
         </button>
       </h5>
     </div>
     <div id="collapseTwo" class="collapse" aria-labelledby="headingTwo" data-bs-parent="#accordion" data-parent="#accordion">
-       <div class="card-body">
+       <div class="accordion-body">
  	 	{% if data.physical_location|length > 0 %}
 			<h6>Physical location: </h6><p>{{ data.physical_location }}</p>
 		{% endif %} 
@@ -346,16 +346,16 @@ <h6>Condition Note: </h6><p>{{ data.physical_description_note_condition }}</p>
     </div>
 	{% endif %} 
 	{% if data.subjects_local|length > 0 or data.subjects_local_names|length > 0 %}
-  <div class="card">
-    <div class="card-header" id="LocalSubjectsNames">
+  <div class="accordian-item">
+    <div class="accordian-header" id="LocalSubjectsNames">
       <h5 class="mb-0">
-        <button class="btn btn-link" data-bs-toggle="collapse" data-bs-target="#collapseThree" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
+        <button class="accordion-button" data-bs-toggle="collapse" data-bs-target="#collapseThree" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
           Local Subjects & Names
         </button>
       </h5>
     </div>
     <div id="collapseThree" class="collapse" aria-labelledby="headingThree" data-parent="#accordion" data-bs-parent="#accordion">
-       <div class="card-body">
+       <div class="accordian-body">
 		{% if data.subjects_local %}
 			<ul>
 			{% if data.subjects_local is iterable %}
@@ -389,20 +389,20 @@ <h5 class="mb-0">
 	data.related_item_host_location_url|length > 0 or
     data.related_item_host_type_of_resource|length > 0 or
 	data.related_item_note|length > 0 %} 
-<div class="card">
-  <div class="card-header" id="RelatedItemNotes">
+<div class="accordian-item">
+  <div class="accordion-header" id="RelatedItem">
     <h5 class="mb-0">
-      <button class="btn btn-link" data-bs-toggle="collapse" data-toggle="collapse" data-bs-target="#collapseFour" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
+      <button class="accordion-button" data-bs-toggle="collapse" data-toggle="collapse" data-bs-target="#collapseFour" data-target="#collapseFour" aria-expanded="false" aria-controls="collapseFour">
           Related Item Notes
       </button>
     </h5>
   </div>
   <div id="collapseFour" class="collapse" aria-labelledby="headingFour" data-bs-parent="#accordion" data-parent="#accordion">
-    <div class="card-body">
+    <div class="accordian-body">
  		{% if data.related_item_host_display_label|length > 0 and data.related_item_host_title_info_title|length > 0 %}
 			<h6>{{ data.related_item_host_display_label }}: </h6><p>{{ data.related_item_host_title_info_title }}</p>
 		{% endif %} 
- 		{% if data.related_item_host_display_label is empty and data.related_item_host_title_info_title|length > 0 %}
+ 		{% if data.related_item_host_display_label|length < 0 and data.related_item_host_title_info_title|length > 0 %}
         	<h6>Related Item Host Title Info: </h6><p>{{ data.related_item_host_title_info_title }}</p>
         {% endif %}
  	 	{% if data.related_item_host_local_identifier|length > 0 %}