design av nav, search og en liten dropdown meny

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

diff --git a/src/components/search/search.html b/src/components/search/search.html
index cb5d4b6ddddd0508cba0bdb8f20d10578ad424b0..1e9b50d229fb98132ee7f610bb4a03a6367d4c6e 100644 (file)
--- a/src/components/search/search.html
+++ b/src/components/search/search.html
@@ -1,6 +1,51 @@
-<form class="form-inline">
-    <div class="form-group">
-        <label class="sr-only" for="livesearch">Search</label>
-        <input type="text" class="form-control" id="livesearch" placeholder="Search...">
+<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 [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)">
+                <a href="#">{{orgunit.name}}<br/><span>{{orgunit.lastUpdated}}</span></a>
+            </li>
+        </ul>
     </div>
-</form>
\ No newline at end of file
+
+</div>
+
+<button type="button" class="knapp" data-toggle="collapse" data-target="#dropdown-menu"><span class="glyphicon glyphicon-menu-down"></span></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>
+</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