oh my, searching actually works

This commit is contained in:
2026-02-05 22:21:31 +01:00
parent 923c1d6f9a
commit 3accc85817
7 changed files with 532 additions and 317 deletions

View File

@@ -9,23 +9,29 @@
* @package Partnerexpo_Core
* @subpackage Partnerexpo_Core/public/partials
*/
$tags = get_terms([
'taxonomy' => 'pexpo_tags',
'hide_empty' => false,
]);
?>
<div class="pexpo-core-root pexpo-core-shell" id="shell">
<div class="pexpo-core-topbar" id="topbar">
<div class="pexpo-core-filterWrap" id="filterWrap">
<div class="pexpo-core-filterBtn pexpo-core-topHeight" id="filterBtn" role="button" aria-expanded="false" tabindex="0">
<div class="pexpo-core-root pexpo-core-shell" id="pexpo-core-shell">
<div class="pexpo-core-topbar" id="pexpo-core-topbar">
<div class="pexpo-core-filterWrap" id="pexpo-core-filterWrap">
<div class="pexpo-core-filterBtn pexpo-core-topHeight" id="pexpo-core-filterBtn" role="button" aria-expanded="false" tabindex="0">
<div class="pexpo-core-left">
<span class="pexpo-core-icons-options" aria-hidden="true"></span>
<span class="pexpo-core-label" id="filterLabel">Filterek</span>
<span class="pexpo-core-label" id="pexpo-core-filterLabel"><?php echo esc_html__('Szűrők', 'partnerexpo-core'); ?></span>
</div>
<span class="pexpo-core-icons-down" aria-hidden="true"></span>
</div>
</div>
<div class="pexpo-core-sortWrap pexpo-core-topHeight">
<label class="pexpo-core-sortLabel" for="sortSelect">Rendezés</label>
<select id="sortSelect" class="pexpo-core-sortSelect">
<label class="pexpo-core-sortLabel" for="pexpo-core-sortSelect"><?php echo esc_html__('Rendezés', 'partnerexpo-core'); ?></label>
<select id="pexpo-core-sortSelect" class="pexpo-core-sortSelect">
</select>
</div>
@@ -33,41 +39,44 @@
<div class="pexpo-core-search" role="search">
<span class="pexpo-core-icons-search" aria-hidden="true"></span>
<form id="pexpo-core-qForm" action="javascript:void(0)">
<input id="pexpo-core-q" placeholder="Keresés..." autocomplete="off" />
<input id="pexpo-core-q" placeholder="<?php echo esc_attr__('Keresés...', 'partnerexpo-core'); ?>" autocomplete="off" />
</form>
</div>
</div>
</div>
</div>
<div class="pexpo-core-filterDrawerBackdrop pexpo-core-show " id="pexpo-core-drawerBackdrop" aria-hidden="true"></div>
<div class="pexpo-core-filterDrawerBackdrop " id="pexpo-core-drawerBackdrop" aria-hidden="true"></div>
<div class="pexpo-core-filterDrawer" id="pexpo-core-filterDrawer" aria-hidden="true">
<div class="pexpo-core-filterPanelHeader">
<span><b>Filters</b></span>
<span><b><?php echo esc_html__('Szűrők', 'partnerexpo-core'); ?></b></span>
</div>
<div class="pexpo-core-filterPanelBody">
<div class="pexpo-core-toggle">
<span class="toggle-text">Címke kötelezése</span>
<span class="toggle-text"><?php echo esc_html__('Címke kötelezése', 'partnerexpo-core'); ?></span>
<div class="toggle-wrapper">
<input type="checkbox" id="pexpo-core-tag-toggle">
<label for="pexpo-core-tag-toggle"></label>
</div>
</div>
<label for="pexpo-core-tags">Címkék</label>
<select id="pexpo-core-tags" data-placeholder="Opciók kiválasztása" multiple="multiple">
<!-- <option value="option1">Option 1</option>
<option value="option2">Option 2</option>
<option value="option3">Option 3</option> -->
<label for="pexpo-core-tags"><?php echo esc_html__('Címkék', 'partnerexpo-core'); ?></label>
<select id="pexpo-core-tags" data-placeholder="<?php echo esc_attr__('Címkék kiválasztása', 'partnerexpo-core'); ?>" data-search-text="<?php echo esc_attr__('Keresés...', 'partnerexpo-core'); ?>" multiple="multiple">
<?php foreach ($tags as $tag) : ?>
<option value="<?php echo esc_attr($tag->slug); ?>"><?php echo esc_html($tag->name); ?></option>
<?php endforeach; ?>
</select>
<button id="pexpo-core-filterApply"><?php echo esc_html__('Alkalmaz', 'partnerexpo-core'); ?></button>
</div>
</div>
<div class="pexpo-core-body">
<div class="pexpo-core-metaRow">
<div id="pexpo-core-metaLeft"><b id="pexpo-core-count">0</b> találat</div>
<div id="pexpo-core-metaRight">Elrendezés: <span id="pexpo-core-layoutMeta">—</span></div>
<div id="pexpo-core-metaLeft"><b id="pexpo-core-count">0</b> <?php echo esc_html__('találat', 'partnerexpo-core'); ?></div>
</div>
<div class="pexpo-core-masonry" id="pexpo-core-masonry" aria-live="polite"></div>
<div class="pexpo-core-masonry" id="pexpo-core-masonry" aria-live="polite">
</div>
<div id="pexpo-core-emptyResult"><?php echo esc_html__('Nincs a szűrőnek megfelelő találat.', 'partnerexpo-core'); ?></div>
<div id="pexpo-core-measure" style="position:absolute; left:-9999px; top:-9999px; width:300px; visibility:hidden;"></div>
</div>
</div>