Files
PartnerExpo-Core/public/partials/partnerexpo-core-public-searchbox.php
2026-01-29 20:41:13 +01:00

73 lines
2.6 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
*/
?>
<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-left">
<span class="pexpo-core-icons-options" aria-hidden="true"></span>
<span class="pexpo-core-label" id="filterLabel">Filterek</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">
</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="qForm" action="javascript:void(0)">
<input id="q" placeholder="Keresés..." autocomplete="off" />
</form>
</div>
</div>
</div>
<div class="pexpo-core-filterDrawerBackdrop" id="drawerBackdrop" aria-hidden="true"></div>
<div class="pexpo-core-filterDrawer" id="filterDrawer" aria-hidden="true">
<div class="pexpo-core-filterPanelHeader">
<span><b>Filter JSON</b> (edit + apply)</span>
<span class="pexpo-core-pill" id="applyHint">Ctrl + Enter</span>
</div>
<div class="pexpo-core-jsonBox">
<textarea id="filterJson" class="pexpo-core-textarea" spellcheck="false">
{
"category": "all",
"sort": "relevance",
"status": ["active", "archived"],
"minScore": 0,
"tags": ["ui", "mock"],
"maxResults": 17
}
</textarea>
<div class="pexpo-core-error" id="jsonError">Invalid JSON. Fix the syntax and try again.</div>
</div>
</div>
<div class="pexpo-core-body">
<div class="pexpo-core-metaRow">
<div id="metaLeft"><b id="count">0</b> találat</div>
<div id="metaRight">Elrendezés: <span id="layoutMeta">—</span></div>
</div>
<div class="pexpo-core-masonry" id="masonry" aria-live="polite"></div>
<div id="measure" style="position:absolute; left:-9999px; top:-9999px; width:300px; visibility:hidden;"></div>
</div>
</div>