Semi working conditions for the new ui

This commit is contained in:
2026-02-05 18:54:16 +01:00
parent b554263808
commit 923c1d6f9a
7 changed files with 1004 additions and 762 deletions

View File

@@ -32,42 +32,42 @@
<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 id="pexpo-core-qForm" action="javascript:void(0)">
<input id="pexpo-core-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-filterDrawerBackdrop pexpo-core-show " 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>Filter JSON</b> (edit + apply)</span>
<span class="pexpo-core-pill" id="applyHint">Ctrl + Enter</span>
<span><b>Filters</b></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 class="pexpo-core-filterPanelBody">
<div class="pexpo-core-toggle">
<span class="toggle-text">Címke kötelezése</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> -->
</select>
</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 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>
<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 class="pexpo-core-masonry" id="pexpo-core-masonry" aria-live="polite"></div>
<div id="pexpo-core-measure" style="position:absolute; left:-9999px; top:-9999px; width:300px; visibility:hidden;"></div>
</div>
</div>