sale-banners.php
49 lines
| 1 | <?php |
| 2 | /** @var array[] $banners */ ?> |
| 3 | <div class="give-sale-banners-container" style="display: none;"> |
| 4 | |
| 5 | <svg style="display: none" id="give-sale-banners-icons"> |
| 6 | <?php |
| 7 | /* vuesax/linear/close-circle */ ?> |
| 8 | <path id="give-sale-banners-dismiss-icon-path" |
| 9 | d="M12 22c5.5 0 10-4.5 10-10S17.5 2 12 2 2 6.5 2 12s4.5 10 10 10ZM9.17 14.83l5.66-5.66M14.83 14.83 9.17 9.17" |
| 10 | stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" /> |
| 11 | </svg> |
| 12 | |
| 13 | <?php |
| 14 | foreach ($banners as $banner): extract($banner); |
| 15 | /** |
| 16 | * @var string $id |
| 17 | * @var string $iconURL |
| 18 | * @var string $accessibleLabel |
| 19 | * @var string $leadText |
| 20 | * @var string $contentText |
| 21 | * @var string $actionText |
| 22 | * @var string $actionURL |
| 23 | * @var string $startDate |
| 24 | * @var string $endDate |
| 25 | */ |
| 26 | ?> |
| 27 | |
| 28 | <aside aria-label="<?= $accessibleLabel ?>" id="<?= $dismissableElementId = "give-sale-banner-{$id}" ?>" |
| 29 | class="give-sale-banner"> |
| 30 | <img class="give-sale-banner-icon" src="<?= $iconURL ?>" alt="Sale"> |
| 31 | <div class="give-sale-banner-content"> |
| 32 | <p> |
| 33 | <strong><?= $leadText ?></strong> <?= $contentText ?> <a href="<?= $actionURL ?>" rel="noopener" |
| 34 | target="_blank"><?= $actionText ?></a> |
| 35 | </p> |
| 36 | </div> |
| 37 | <button type="button" aria-label="<?= __('Dismiss', 'give') ?> <?= $accessibleLabel ?>" |
| 38 | aria-controls="<?= $dismissableElementId ?>" class="give-sale-banner-dismiss" data-id="<?= $id ?>"> |
| 39 | <svg viewBox="0 0 24 24" focusable="false"> |
| 40 | <use href="#give-sale-banners-dismiss-icon-path" /> |
| 41 | </svg> |
| 42 | </button> |
| 43 | </aside> |
| 44 | |
| 45 | <?php |
| 46 | endforeach; ?> |
| 47 | |
| 48 | </div> |
| 49 |