Wires + resistor simple example

gistfile1.md

{!-- set a list of expertise --}
{exp:stash:set_list name="global:expertise" parse_tags="yes" save="yes" scope="site" replace="no" refresh="0"}	
	{exp:channel:entries
		channel="services|sectors"
		disable="member_data|pagination|categories|custom_fields"
		dynamic="no"
	}
		{stash:title}{title}{/stash:title}
		{stash:id}{entry_id}{/stash:id}
		{stash:url_title}{url_title}{/stash:url_title}
		{stash:channel}{channel_short_name}{/stash:channel}
	{/exp:channel:entries}
{/exp:stash:set_list}

{!-- generate a stash list of authors (people related to news articles) with entry count --}
{exp:resistor:children name="authors" channel_id="17" parent_field_id="34"}{/exp:resistor:children}

{!-- setup wires to handle search filter urls --}
{exp:wires:connect 
 	id="resources_search" 
 	url="{site_url}resources/news/{expertise}/{author}/{start}?q={q}&tag={tag}&orderby={orderby}&sort={sort}" 

    {!-- 'expertise' (related to news via a Playa field) --}
    +expertise="single"
    +expertise:default_in="all-expertise"
    +expertise:default_out=""
    +expertise:match="#^[0-9]+$#"
    +expertise:map="{exp:stash:get_list name='global:expertise' scope='site' backspace='1'}{url_title}:{id};{/exp:stash:get_list}"

    {!-- 'author' (related to news via a Playa field) --}
    +author="single"
    +author:default_in="any-author"
    +author:default_out=""
    +author:match="#^[0-9]+$#"
    +author:map="{exp:stash:get_list name='authors' scope='site' backspace='1'}{url_title}:{entry_id};{/exp:stash:get_list}"

    {!-- 'q' (keywords) --}
    +q="single"
    +q:default_in=""
    +q:default_out=""

    {!-- 'tag' (Solspace Tag field) --}
    +tag="single"
    +tag:default_in=""
    +tag:default_out=""

    {!-- 'orderby' --}
    +orderby="single"
    +orderby:default_in="date"
    +orderby:default_out="date"
    +orderby:match="#^date$|^title$|^article_authors$#"

    {!-- 'sort' --}
    +sort="single"
    +sort:default_in="desc"
    +sort:default_out="desc"
    +sort:match="#^asc$|^desc$#"

    {!-- 'start' --}
    +start="single"
    +start:default_in="any"
    +start:default_out=""
    +start:map="last-month:-1;last-3-months:-3;last-6-months:-6;last-year:-12;last-two-years:-24;last-three-years:-36;last-four-years:-48;last-five-years:-60"

    parse="inward"
} 	
	{exp:resistor:results 
		collection="news"
		keywords="{q}"
		tag_name="{tag}"
		child:article_expertise="{expertise}"
		child:article_authors="{author}"
		{if start}start_on="{exp:nice_time date='{start} months' format='%Y-%m-%d %H:%i:%s' prefix=''}"{/if}
	    orderby="{orderby}"
		sort="{sort}"
		limit="6"
		paginate="bottom"
		parse="inward"
		disable="member_data|categories"
		fallback_when_empty="child:article_expertise|child:article_authors|keywords|tag_name"
	}
		<article>
			<header>
				<time datetime="{entry_date format="%Y-%m-%d %H:%i:%s"}">{entry_date format="%d %F %Y"}</time>
				<h3><a href="/resources/news/{url_title}">{title}</a></h3>
			</header>
			<p>{article_summary}</p>
		<article>

		{paginate}

		    {pagination_links}
		    <ul class="pagination" role="menubar" aria-label="pagination">

		        {previous_page}
		        <li><a href="{pagination_url}" class="page-previous"><i class="icon icon-chevron-left"></i><span class="hide-until-m"> Previous</span></a></li>
		        {/previous_page}

		        {page}
		        <li><a href="{pagination_url}" class="page-no page-{pagination_page_number} {if current_page}active{/if}">{pagination_page_number}</a></li>
		        {/page}

		        {next_page}
		        <li><a href="{pagination_url}" class="page-next"><span class="hide-until-m">Next </span><i class="icon icon-chevron-right"></i></a></li>
		        {/next_page}

		    </ul>
		    {/pagination_links}

		{/paginate}

	{/exp:resistor:results}

	{!-- refine: selections --}
	<h3>You have selected:</h3>
	<ul>
        {!-- keywords --}
        {if q}
            <li class="active"><a title="keywords" href="{exp:wires:url id='resources_search' +q='{q}' remove='yes'}">&ldquo;{q}&rdquo;</a></li>
        {/if}

        {!-- selected expertise --}
        {if expertise}
        {exp:resistor:children channel_id="30" parent_field_id="60"}
            {if entry_id IN ({expertise})}
                <li><a title="expertise" href="{exp:wires:url id='resources_search' +expertise='{url_title}' remove='yes'}">{title}</a></li>
            {/if}
        {/exp:resistor:children}
        {/if}

		{!-- etc --}

	</ul>

	{!-- popular tags ("topics") --}
	{exp:resistor:tags prefix="t"}
	{if t:count == 1}
	<div class="box">
	    <h3>Popular topics</h3>
	{/if}
	        <li><a href="/resources/news/?tag={t:websafe_tag}">{t:tag_name}</a></li>

	{if t:count == t:total_results} 
	    </ul>
	</div>
	{/if}
	{/exp:resistor:tags}

{/exp:wires:connect}


{!-- search form, this could be in another template - we use id to identify the wires config that applies --}
{exp:wires:connect id="resources_search"}

<form class="search-refine" action="/resources/news" method="post">
    
    <fieldset> 

   	 	{!-- hidden --}
    	<input name="orderby" value="entry_date" type="hidden">
        <input name="id" value="resources_search" type="hidden">
        <input name="XID" value="{XID_HASH}" type="hidden">

        {!-- keywords --}
        <input title="search" name="q" value="{q}" type="text" placeholder="Search...">
        
        {!-- expertise --}
        <select title="expertise" name="expertise">
            <option value="any">Service / sector&hellip;</option>
            <optgroup label="Services">
            	{exp:stash:get_list name="global:expertise" match="#^services$#" against="channel" scope="site"}  
                <option value="{id}"{if id==expertise} selected="selected"{/if}>{title}</option> 
            	{/exp:stash:get_list}
            </optgroup>
            <optgroup label="Sectors">
            	{exp:stash:get_list name="global:expertise" match="#^sectors$#" against="channel" scope="site"}  
                <option value="{id}"{if id==expertise} selected="selected"{/if}>{title}</option> 
            	{/exp:stash:get_list}
            </optgroup>
        </select>

        {!-- author --}
        <select title="author" name="author">
            <option value="any">Author&hellip;</option>
            <optgroup label="Top authors">
                {exp:stash:get_list name="authors" track="entry_id" orderby="cnt|title" sort="desc|asc" limit="10"} 
                    <option value="{entry_id}"{if entry_id==author} selected="selected"{/if}>{title} ({cnt})</option> 
                {/exp:stash:get_list}
            </optgroup>
            {if {exp:stash:list_count name="authors"} > 10}
            <optgroup label="Other authors">
                {exp:stash:get_list name="authors" not_in="entry_id"} 
                    <option value="{entry_id}"{if entry_id==author} selected="selected"{/if}>{title}</option> 
                {/exp:stash:get_list}
            </optgroup>
            {/if}
        </select>

        {!-- date --}
        <select title="time period" name="start">
            <option value="any">Time period&hellip;</option>
            <option value="-1"{if start=="-1"} selected="selected"{/if}>In the last month</option> 
            <option value="-3"{if start=="-3"} selected="selected"{/if}>In the last 3 months</option>
            <option value="-6"{if start=="-6"} selected="selected"{/if}>In the last 6 months</option>
            <option value="-12"{if start=="-12"} selected="selected"{/if}>In the last year</option>
            <option value="-24"{if start=="-24"} selected="selected"{/if}>In the last 2 years</option>
            <option value="-36"{if start=="-36"} selected="selected"{/if}>In the last 3 years</option>
            <option value="-48"{if start=="-48"} selected="selected"{/if}>In the last 4 years</option>
            <option value="-60"{if start=="-60"} selected="selected"{/if}>In the last 5 years</option>
        </select>

        <button type="submit">Find</button>

    </fieldset>
</form>

{/exp:wires:connect}