Leiste: Filter und Umkreissuche

Quote from Julian Pfeil

wie stellt ihr euch das vor? Außer "Umkreissuche" und "Kategorien" sind alle oben gezeigten Felder so nicht im Standardumfang enthalten. Es bräuchte also eine Lösung für den Normalkunden

Die gezeigten Auswahlmöglichkeiten sind die Filter die man auch neben der Umkreissuche auswählen kann meinem Verständnis nach.

Das Suchfeld aus dem Umkreissuche Popup in einer Box anzeigen lassen, die man wahlweise im Inhaltsbereich oben oder in der Seitenleiste anzeigen kann.

Und ein Klick auf eine Kategorie bzw einen Filter darunter filtert die Ergebnisse der Umkreissuche nach der gewählten Kategorie.

Quote from AABVeV

Hier ist der Komplette Code für diese Box (hoffe ich Zumindest das nichts fehlt). Ob sich das ganze als Optionale Box auf Entries übertragen lässt, muss Julian entscheiden.

Display Spoiler

Smarty

<input type="hidden" id="dirLatitude" form="proxSearchForm" name="proxSearchLatitude" value="{$proxSearchLatitude}">
<input type="hidden" id="dirLongitude" form="proxSearchForm" name="proxSearchLongitude" value="{$proxSearchLongitude}">
<p class="innerError" id="coordError" style="visibility:collapse">{lang}poi.poi.geodata.find.error{/lang}</p>
<span class="jsButtonFind jsOnly"></span>
<form class="searchFilterNavigationForm" method="post" action="{link application='poi' controller=$controllerName object=$controllerObject}{/link}">
   <nav class="searchFilterNavigation mainMenu box">
       <ul class="boxMenu">
           <li><input type="text" placeholder="{lang}poi.map.search.poi{/lang}" id="poiSearch" name="poiSearch" value="{$poiSearch}" class="long"></li>
                   
           <li>
               <a class="jsStaticDialog" data-dialog-id="proxSearchDialog">{lang}poi.poi.proxSearch.title{/lang}</a>
           </li>
           
           {foreach from=$options item=optionData}
               {assign var=option value=$optionData[object]}
               {if $option->filterable}
                   
                   <li class="boxMenuHasChildren">
                       <a href="#" class="boxMenuLink">
                           <span class="boxMenuLinkTitle">{lang}{$option->optionTitle}{/lang}</span>
                       </a>
                       <ol class="boxMenuDepth1">                
                           <li>
                               <small>{lang}{$option->optionTitle}{/lang}</small>
                               {@$optionData[html]}
                               <small>{lang __optional=true}{$option->optionDescription}{/lang}</small>
                           </li>                
                       </ol>
                   </li>
               {/if}
           {/foreach}
       </ul>
   </nav>
   {if $sortField|isset}<input type="hidden" name="sortField" value="{$sortField}">{/if}
   {if $sortOrder|isset}<input type="hidden" name="sortOrder" value="{$sortOrder}">{/if}
       
   {if $proxSearchLatitude|isset}<input type="hidden" name="proxSearchLatitude" value="{$proxSearchLatitude}">{/if}
   {if $proxSearchLongitude|isset}<input type="hidden" name="proxSearchLongitude" value="{$proxSearchLongitude}">{/if}
   {if $proxSearchLocation|isset}<input type="hidden" name="proxSearchLocation" value="{$proxSearchLocation}">{/if}
   {if $proxSearchDistance|isset}<input type="hidden" name="proxSearchDistance" value="{$proxSearchDistance}">{/if}
   <div class="formSubmit">
       <input type="submit" value="{lang}wcf.global.button.submit{/lang}" accesskey="s" />
       <a href="{link application='poi' controller='PoiList'}{/link}" class="button">{lang}wcf.global.filter.button.clear{/lang}</a>
       {csrfToken}
   </div>
</form>            
{assign var=poiOptionFilterableExists value=false}
{if !$options|empty}
   {foreach from=$options item=poiOptionData}
       {assign var=poiOption value=$poiOptionData[object]}
       {if $poiOption->filterable}
           {assign var=poiOptionFilterableExists value=true}
       {/if}
   {/foreach}
{/if}
{if $objects->objects || $proxSearchLocation || $poiSearch || (!$options|empty && $poiOptionFilterableExists)}
   <div class="searchFilterNavigationMobile jsOnly">
           {if $poiOptionFilterableExists || $objects->objects || $poiSearch || $proxSearchLocation}
                   <button class="jsStaticDialog" data-dialog-id="searchFilterNavigationMobileDialog">{lang}wcf.global.search{/lang} & {lang}wcf.global.filter{/lang}</button>
           {/if}        
   </div>
   {if $objects->objects || $proxSearchLocation || $poiSearch || (!$options|empty && $poiOptionFilterableExists)}
       <div id="searchFilterNavigationMobileDialog" class="jsStaticDialogContent" data-title="{lang}wcf.global.search{/lang} & {lang}wcf.global.filter{/lang}">
           <form id="optionFilterForm" class="optionFilter" method="post" action="{link application='poi' controller=$controllerName object=$controllerObject}{/link}">
               {include file='searchFilterNavigationMobileDialog' application='poi'}
           </form>
       </div>
       <input type="hidden" id="dirLatitudeMobile" form="optionFilterForm" name="proxSearchLatitudeMobile" value="{$proxSearchLatitude}">
       <input type="hidden" id="dirLongitudeMobile" form="optionFilterForm" name="proxSearchLongitudeMobile" value="{$proxSearchLongitude}">
   {/if}
   
   {if $objects->objects || $proxSearchLocation}
       <div id="proxSearchDialog" class="jsStaticDialogContent" data-title="{lang}poi.poi.proxSearch.title{/lang}">
           {include file='proxSearchDialog' application='poi'}
       </div>
   {/if}
{/if}

Display More

Danke!

Julian Pfeil lässt sich dieser code (poi durch entries ersetzt) auch für Entries nutzen?