Jake Vanderwerf
2026-01-07 bad59c66549eb601fed963ed013f9b79305ca003
inc/helpers/ui.php
@@ -205,19 +205,26 @@
 * Outputs the search bar (likely don't need anymore)
 * @return string
 */
function jvbSearch(string $placeholder = 'Search...'):string
function jvbSearch(string $placeholder = 'Search...', string $id = 'search'):string
{
    return '<div class="search-container row start nowrap">
  <input type="search" id="search" placeholder="'.$placeholder.'">
   $id = sanitize_title($id);
   return sprintf(
      '<div class="search-container row start nowrap">
        <input type="search" id="%s" placeholder="%s">
  <button
    title="Clear Search"
    type="button"
    class="clear-search"
    aria-label="Clear search"
    onclick="this.previousElementSibling.value = \'\'; this.previousElementSibling.focus();"
  >'.jvbIcon('x', ['title'=> 'Clear Search']).'</button>
  <button type="button" title="Search" class="toggle search" aria-label="Toggles search input visually" onclick="this.parentNode.classList.toggle(\'open\');this.previousElementSibling.previousElementSibling.focus();">'.jvbIcon('magnifying-glass').'</button>
</div>';
        >%s</button>
        <button type="button" title="Search" class="toggle search" aria-label="Toggles search input visually" onclick="this.parentNode.classList.toggle(\'open\');this.previousElementSibling.previousElementSibling.focus();">%s</button>
      </div>',
      $id,
      $placeholder,
      jvbIcon('x', ['title'=> 'Clear Search']),
      jvbIcon('magnifying-glass')
   );
}