Added auto filling in filter selectors

[u/erikhf/frm.git] / src / components / search / search.html

<div id="search" >

    <label class="sr-only" for="livesearch">Search</label>

        <input  mou-live-search
               (results)="orgunits = $event"
               (loading)="loading = $event"
               type="text"
               autofocus
               class="livesearch"
               name="livesearch"
               id="livesearch"
               placeholder="Search"
                />
    <img class="loadingpic" [hidden]="!loading"
         src="https://www.brown.edu/sites/default/themes/pawtuxet/img/loader-larger.gif">


    <div  class="divresult" id="divresult" [hidden]="!orgunits.length">
        <ul class="dropdown-menu result"  >
            <li *ng-for="#orgunit of orgunits" (click)="getMoreInfo(orgunit)">
                <a href="#">{{orgunit.name}}<br/><span>{{orgunit.lastUpdated}}</span></a>
            </li>
        </ul>
    </div>



</div>

<button type="button" class="knapp" data-toggle="collapse" data-target="#dropdown-menu">


    <!--pil opp og ned-->

    <div class="zippy">
        <div (click)="toggle()" class="zippy__title">
            {{ visible ? '&xdtri;' : '&xutri;' }} {{title}}
        </div>
        <div [hidden]="!visible" class="zippy__content">
            <content></content>
        </div>
    </div>

</button>

<div>
<ul id="dropdown-menu" class="dropdown-menu">
    <li><select class="form-control filtervalg" id="ownershipSelector" (click)="setFilter()">

    </select></li>
    <li><select class="form-control filtervalg" id="typeSelector" (click)="setFilter()">

    </select></li>
    <li><select class="form-control filtervalg" id="locationSelector" (click)="setFilter()">

    </select></li>
</ul>

</div>