[VA-16921] Add Prepare for Visit to VBA Facility Page (#1904)

* VA-16921: Add Prep for Visit to VBA query * VA-16921: Add Prep for Visit to VBA template
department-of-veterans-affairs · Feb 13, 2024 · bb1e025 · bb1e025
1 parent 8e8d194
commit bb1e025
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 3 deletions.
diff --git a/src/site/layouts/vba_facility.drupal.liquid b/src/site/layouts/vba_facility.drupal.liquid
@@ -147,9 +147,29 @@
             %}
           </div>
 
-          <h2 class="vads-u-line-height--1 vads-u-margin-bottom--3">
-            Prepare for your visit
-          </h2>
+          {% if fieldPrepareForVisit %}
+            <h2 class="vads-u-line-height--1 vads-u-margin-bottom--3">
+              Prepare for your visit
+            </h2>
+
+            <p>
+              Select a topic to learn more.
+            </p>
+
+            <div class="vads-u-margin-bottom--3">
+              <va-accordion uswds bordered id="vba-regional-facilities-accordion-prepare-for-visit">
+                {% for prepareObj in fieldPrepareForVisit %}
+                  <va-accordion-item uswds
+                    class="va-accordion-item"
+                    id="vba-service-item-{{ prepareObj.entity.id }}"
+                    header="{{ prepareObj.entity.fieldHeader }}"
+                    level="3">
+                    {{ prepareObj.entity.fieldRichWysiwyg.processed | drupalToVaPath | phoneLinks }}
+                  </va-accordion-item>
+                {% endfor %}
+              </va-accordion>
+            </div>
+          {% endif %}
 
           <h2 class="vads-u-line-height--2 vads-u-margin-bottom--3">
             In the spotlight at {{ entityLabel }}

diff --git a/src/site/stages/build/drupal/graphql/vbaFacility.graphql.js b/src/site/stages/build/drupal/graphql/vbaFacility.graphql.js
@@ -107,6 +107,19 @@ const vbaFacilityFragment = `
               }
             }
           }
+          fieldPrepareForVisit {
+            entity {
+              id
+              entityBundle
+              ... on ParagraphBasicAccordion {
+                id
+                fieldHeader
+                fieldRichWysiwyg {
+                  processed
+                }
+              }
+            }
+          }
           reverseFieldOfficeNode(
             filter: {conditions: [{field: "type", value: ["vba_facility_service"]}]}
           ) {