Working on filling in selectors for filter

[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()">
        <!--<option value="">-- All Facility Ownerships --</option>-->
        <option *ng-for="#owner of facilityOwnership" value={{owner}}>{{owner}}</option>
        <!--<option value="Mission">Mission</option>
        <option value="NGO">NGO</option>
        <option value="Private Clinic">Private Clinic</option>
        <option value="Public facilities">Public facilities</option>-->
    </select></li>
    <li><select class="form-control filtervalg" id="typeSelector" (click)="setFilter()">
        <option value="">-- All Facility Types --</option>
        <option value="CHC">CHC</option>
        <option value="CHP">CHP</option>
        <option value="Clinic">Clinic</option>
        <option value="Hospital">Hospital</option>
        <option value="MCHP">MCHP</option>
    </select></li>
    <li><select class="form-control filtervalg" id="locationSelector" (click)="setFilter()">
        <option value="">-- All locations --</option>
        <option value="Rural">Rural</option>
        <option value="Urban">Urban</option>
    </select></li>
</ul>

</div>