Keith Solomon
f77a78b856
- contact-info.php was calling esc_attr() on the output of blockWrapperAttributes(), which returns a full attribute string. esc_attr() turned the wrapping quotes into " so the class attribute rendered literally as class="contact-info ...". Switched to wp_kses_post() to match the pattern used by every other block template in the project. - contact-info.css: .gfield_required used --color-cwc-orange-01 (#e15747, 3.71:1 on white) which fails WCAG 2 AA. Swapped to the project's --color-secondary-accessible token (#c43c2b) so the required marker is brand-aligned and meets the 4.5:1 minimum. - Regenerated static/dist/theme.css to match.
67 lines
2.4 KiB
PHP
67 lines
2.4 KiB
PHP
<?php
|
|
/**
|
|
* Block Name: Contact Info
|
|
*
|
|
* Two-column contact page layout: contact info, address/email/phone,
|
|
* and a Gravity Forms contact form on the left; Leaflet map placeholder
|
|
* on the right. Reads from the global `contact_info` option.
|
|
*
|
|
* @package CWC
|
|
*/
|
|
|
|
namespace CWC;
|
|
|
|
$info = get_field( 'contact_info', 'option' );
|
|
$address = $info['address'] ?? '';
|
|
$email = $info['email'] ?? '';
|
|
$phone = $info['phone'] ?? '';
|
|
|
|
$classes = 'contact-info';
|
|
$wrapper = blockWrapperAttributes( $classes, $is_preview );
|
|
?>
|
|
|
|
<section <?php echo wp_kses_post( $wrapper ); ?>>
|
|
<div class="contact-info__grid">
|
|
<div class="contact-info__details">
|
|
<h1 class="contact-info__heading">Contact</h1>
|
|
|
|
<ul class="contact-info__items">
|
|
<?php if ( $address ) : ?>
|
|
<li class="contact-info__item contact-info__item--address">
|
|
<span class="contact-info__icon" aria-hidden="true">
|
|
<img src="<?php echo esc_url( get_theme_file_uri( '/static/img/contact/icon-address.svg' ) ); ?>" alt="" width="24" height="24" loading="lazy" />
|
|
</span>
|
|
<span class="contact-info__value"><?php echo wp_kses_post( $address ); ?></span>
|
|
</li>
|
|
<?php endif; ?>
|
|
|
|
<?php if ( $email ) : ?>
|
|
<li class="contact-info__item contact-info__item--email">
|
|
<span class="contact-info__icon" aria-hidden="true">
|
|
<img src="<?php echo esc_url( get_theme_file_uri( '/static/img/contact/icon-email.svg' ) ); ?>" alt="" width="24" height="24" loading="lazy" />
|
|
</span>
|
|
<a class="contact-info__value" href="mailto:<?php echo esc_attr( $email ); ?>"><?php echo esc_html( $email ); ?></a>
|
|
</li>
|
|
<?php endif; ?>
|
|
|
|
<?php if ( $phone ) : ?>
|
|
<li class="contact-info__item contact-info__item--phone">
|
|
<span class="contact-info__icon" aria-hidden="true">
|
|
<img src="<?php echo esc_url( get_theme_file_uri( '/static/img/contact/icon-phone.svg' ) ); ?>" alt="" width="24" height="24" loading="lazy" />
|
|
</span>
|
|
<a class="contact-info__value" href="tel:<?php echo esc_attr( $phone ); ?>"><?php echo esc_html( $phone ); ?></a>
|
|
</li>
|
|
<?php endif; ?>
|
|
</ul>
|
|
|
|
<div class="contact-info__form">
|
|
<?php echo do_shortcode( '[gravityform id="1" title="false" description="false" ajax="true"]' ); ?>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="contact-info__map" id="contact-map" aria-label="Map of downtown Winnipeg" role="region">
|
|
<!-- Leaflet map will mount here. Pin: orange-01 + white map marker (TBD). -->
|
|
</div>
|
|
</div>
|
|
</section>
|