Sooke igjen etter aa ha klikket vekk fra sookeresultater

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

diff --git a/src/components/search/search.html b/src/components/search/search.html
index 1e9b50d229fb98132ee7f610bb4a03a6367d4c6e..ccd5bfa004a3f8d3665668eb89bb4ac2c2faf750 100644 (file)
--- a/src/components/search/search.html
+++ b/src/components/search/search.html
@@ -1,8 +1,9 @@
-<div id="search" >
+<div id="search">
 
     <label class="sr-only" for="livesearch">Search</label>
 
-        <input  mou-live-search
+        <input
+                mou-live-search
                (results)="orgunits = $event"
                (loading)="loading = $event"
                type="text"
@@ -10,42 +11,64 @@
                class="livesearch"
                name="livesearch"
                id="livesearch"
+               placeholder="Search"
+                value = ""
 
-               placeholder="Search"/>
-    <img [hidden]="!loading"
-         src="https://www.brown.edu/sites/default/themes/pawtuxet/img/loader-larger.gif">
+                />
 
 
-    <div  class="divresult" [hidden]="!orgunits.length">
-        <ul class="dropdown-menu result"  >
-            <li *ng-for="#orgunit of orgunits" (click)="getMoreInfo(orgunit)">
+<span [hidden]="hideDiv()">
+
+    <div class="divresult" id="divresult" [hidden]="!orgunits.length">
+        <ul id="d" class="dropdown-menu result"  >
+            <li  id="c" *ng-for="#orgunit of orgunits" (click)="getMoreInfo(orgunit)">
                 <a href="#">{{orgunit.name}}<br/><span>{{orgunit.lastUpdated}}</span></a>
             </li>
         </ul>
     </div>
 
+</span>
+
+
+
+
 </div>
 
-<button type="button" class="knapp" data-toggle="collapse" data-target="#dropdown-menu"><span class="glyphicon glyphicon-menu-down"></span></button>
+
+<button type="button" class="knapp" (click)="toggle()" onclick="$('#ownershipSelector, #typeSelector, #locationSelector').prop('selectedIndex',0);" data-toggle="collapse" data-target="#dropdown-menu">
+            {{ visible ? '&xdtri;' : '&cross;' }}
+</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>Facility</li>
+    <li class="dropdown-header">Ownerships</li>
+    <li><select class="form-control filtervalg" id="ownershipSelector" (click)="setFilter()">
+        <option value=""> All </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 class="dropdown-header">Types</li>
+    <li><select class="form-control filtervalg" id="typeSelector" (click)="setFilter()">
+        <option value=""> All </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 role="separator" class="divider"></li>
-    <li><a href="#">Separated link</a></li>
+    <li class="dropdown-header">Locations </li>
+    <li><select class="form-control filtervalg" id="locationSelector" (click)="setFilter()">
+        <option value=""> All </option>
+        <option value="Rural">Rural</option>
+        <option value="Urban">Urban</option>
+    </select></li>
+
 </ul>
 
 </div>
 
-
-<!--tester pil oppned-->
-<div class="zippy">
-    <div (click)="toggle()" class="zippy__title">
-        {{ visible ? '&blacktriangledown;' : '&blacktriangleright;' }} {{title}}
-    </div>
-    <div [hidden]="!visible" class="zippy__content">
-        <content></content>
-    </div>
-</div>
\ No newline at end of file