Added message for no result when searching

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

diff --git a/src/components/search/search.html b/src/components/search/search.html
index 9fab94049133186653acbfc2686d087ace97a800..a890ab8bedd3aa19e899f4c03b40e9ba1d36df37 100644 (file)
--- a/src/components/search/search.html
+++ b/src/components/search/search.html
@@ -1,29 +1,41 @@
 <div id="search">
-<form>
+
     <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"
-                value = "" />
-
-    <button class="emptysearch"(click)="hideDiv()">
-        &cross; </button>
-</form>
+    <form>
+        <div class="row">
+            <input
+                    mou-live-search
+                    (results)="orgunits = $event"
+                    (loading)="loading = $event"
+                    type="text"
+                    autofocus
+                    class="livesearch col-md-10"
+                    name="livesearch"
+                    id="livesearch"
+                    placeholder="Search"
+                    value=""/>
+
+
+            <!--<button class="exitsearch" id="exitsearch" (click)="emptyByClick()">
+          &cross; </button>-->
+            <button type="button" class="knapp col-md-2" (click)="toggle()"
+                    data-toggle="collapse" data-target="#dropdown-menu">
+                {{ visible ? '&xdtri;' : '&cross;' }}
+            </button>
+        </div>
+    </form>
 
 <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>
+
+    <div class="divresult" id="divresult" [hidden]="checkOrgunits()">
+        <ul id="d" class="dropdown-menu result">
+            <li id="c" *ng-for="#orgunit of filteredOrgunits" id="orglist" (click)="getMoreInfo(orgunit)">
+                <a id="left-menu" href="#">{{orgunit.name}}<br/><span>{{orgunit.lastUpdated}}</span></a>
+            </li>
+            <li *ng-if="filteredOrgunits.length == 0">
+                No matching results
             </li>
         </ul>
     </div>
@@ -31,42 +43,22 @@
 </span>
 
 
-</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>
 
-<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>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 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>
+
+
+
+
+