Jake Vanderwerf
5 days ago 266aa37c48222993bf7bdad6834e31bd08736f5e
inc/helpers/media.php
@@ -8,20 +8,25 @@
{
    ?>
    <dialog class="gallery" aria-modal="true" aria-label="Image Gallery">
      <div class="wrap">
         <button type="button" class="cancel" aria-label="Close Gallery"> <?= jvbIcon('close') ?></button>
         <button class="nav prev row" aria-label="Previous image">
            <?= jvbIcon('prev') ?>
         </button>
         <button class="nav next row" aria-label="Next image">
            <?= jvbIcon('next') ?>
         </button>
      <div class="wrap col">
         <p class="hint">Pinch to Zoom</p>
         <div class="controls row">
            <button type="button" class="cancel" title="Close Gallery" aria-label="Close Gallery"> <?= jvbIcon('x') ?></button>
            <button class="nav prev" title="Previous image" aria-label="Previous image">
               <?= jvbIcon('caret-left') ?>
            </button>
            <button class="nav next" title="Next Image" aria-label="Next image">
               <?= jvbIcon('caret-right') ?>
            </button>
         </div>
         <div class="content row">
            <img src="" alt="" class="image-left">
            <img src="" alt="" class="image">
            <img src="" alt="" class="image-right">
            <details>
               <summary class="row btw">DETAILS</summary>
               <summary class="row x-btw">DETAILS</summary>
               <div class="item-info"></div>
            </details>
         </div>
@@ -33,30 +38,3 @@
    <?php
}
function jvbRenderImageForm(int $attachmentId) {
   if (!$attachmentId) return '';
   $url = wp_get_attachment_image_url($attachmentId, 'medium');
   $title = get_the_title($attachmentId);
   $alt = get_post_meta($attachmentId, '_wp_attachment_image_alt', true);
   $caption = wp_get_attachment_caption($attachmentId);
   ob_start();
   ?>
   <div class="upload-item existing" data-attachment-id="<?= $attachmentId ?>">
      <div class="preview">
         <img src="<?= esc_url($url) ?>" alt="<?= esc_attr($alt) ?>">
         <div class="overlay">
            <div class="actions">
               <button type="button" class="remove" title="Remove">
                  <span class="screen-reader-text">Remove image</span>
                  ×
               </button>
            </div>
         </div>
      </div>
      <?= jvbImageMeta() ?>
   </div>
   <?php
   return ob_get_clean();
}