Files
PartnerExpo-Core/public/partials/partnerexpo-core-public-searchbox.php

87 lines
3.9 KiB
PHP

<?php
/**
* Provides the code for the search box shortcode
*
* @link https://github.com/Duskell
* @since 1.0.0
*
* @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="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="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="pexpo-core-sortSelect"><?php echo esc_html__('Rendezés', 'partnerexpo-core'); ?></label>
<select id="pexpo-core-sortSelect" class="pexpo-core-sortSelect">
</select>
</div>
<div class="pexpo-core-searchWrap pexpo-core-topHeight">
<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="<?php echo esc_attr__('Keresés...', 'partnerexpo-core'); ?>" autocomplete="off" />
</form>
</div>
</div>
</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><?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"><?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"><?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"></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 id="pexpo-core-pagination">
<button id="pexpo-core-page-prev"><span class="pexpo-core-icons-arrow-left" ></span></button>
<span id="pexpo-core-page-number">1</span>
<button id="pexpo-core-page-next"><span class="pexpo-core-icons-arrow-right" ></span></button>
</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>