Tester maater aa presentere filtererng paa i dropdwon-menyen

[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"
                value="lol"
               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><a href="#">Another action</a></li>
    <li><a href="#">Something else here</a></li>
    <li role="separator" class="divider"></li>
    <li><a href="#">Separated link</a></li>
    <li><div class="checkbox">
        <label><input type="checkbox" value="">Option 1</label>
    </div>
        <div class="checkbox">
            <label><input type="checkbox" value="">Option 2</label>
        </div>
        <div class="checkbox disabled">
            <label><input type="checkbox" value="" disabled>Option 3</label>
        </div></li>
    <select>
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="opel">Opel</option>
        <option value="audi">Audi</option>
    </select>


</ul>

</div>