Sooke igjen etter aa ha klikket vekk fra sookeresultater
authorRoza Moustafa <roza.92m@hotmail.com>
Thu, 26 Nov 2015 20:44:59 +0000 (21:44 +0100)
committerRoza Moustafa <roza.92m@hotmail.com>
Thu, 26 Nov 2015 20:44:59 +0000 (21:44 +0100)
src/components/search/search.html
src/components/search/search.ts
src/css/map.css
src/index.html

index c89e116..ccd5bfa 100644 (file)
@@ -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"
                id="livesearch"
                placeholder="Search"
                 value = ""
+
                 />
 
-    <img class="loadingpic" [hidden]="!loading"
-         src="https://www.brown.edu/sites/default/themes/pawtuxet/img/loader-larger.gif">
 
 <span [hidden]="hideDiv()">
 
-    <div class="divresult" id="divresult" [hidden]="!orgunits.length" onclick="$(this).fadeOut(300);">
+    <div class="divresult" id="divresult" [hidden]="!orgunits.length">
         <ul id="d" class="dropdown-menu result"  >
-            <li *ng-for="#orgunit of orgunits" (click)="getMoreInfo(orgunit)">
+            <li  id="c" *ng-for="#orgunit of orgunits" (click)="getMoreInfo(orgunit)">
                 <a href="#">{{orgunit.name}}<br/><span>{{orgunit.lastUpdated}}</span></a>
             </li>
         </ul>
@@ -31,6 +31,7 @@
 
 
 
+
 </div>
 
 
             {{ visible ? '&xdtri;' : '&cross;' }}
 </button>
 
-<span class="someClass">
-<span [hidden]="hideDiv1()">should be hidden.</span>
-</span>
-
 
 <div>
 <ul id="dropdown-menu" class="dropdown-menu">
@@ -74,3 +71,4 @@
 </ul>
 
 </div>
+
index dd826f8..7b6c506 100644 (file)
@@ -21,9 +21,11 @@ export class Search {
         this.newsearch = new EventEmitter();
         this.visible = true;
 
+
     }
 
     getMoreInfo(orgunit) {
+        this.orgunits = [];
         console.log("yolo");
         this.newsearch.next(orgunit.id);
     }
@@ -38,9 +40,8 @@ export class Search {
 
     }
 
-    hideDiv1(){
-        return true;
-    }
+
+
     /*getFilterTypes(){
         this.http.get(dhis + "/api/organisationUnitGroups/")
             .map(res => res.json())
index 1e6678a..9cc1511 100644 (file)
@@ -121,13 +121,18 @@ html, body {
     border-left: 0 none;
     background: #BAB8B8;
     width: 60px;
-    float: left;
+    position: fixed;
     padding: 0;
     margin: 0;
     text-align: center;
     height: 52px;
     cursor: pointer;
-    border-radius: 0px;
+    position: relative;
+    float: left;
+    position: -webkit-sticky;
+
+    position: sticky;
+
 
 }
 
@@ -168,11 +173,6 @@ html, body {
     float: none;
 }
 
-.loadingpic{
-    width: 50px;
-    height: 50px;
-}
-
 .filtervalg{
     box-shadow: 0 0 1px darkgrey;
     margin-top: 10px;
@@ -189,10 +189,7 @@ html, body {
     transition: all 0.15s;
 }
 
-
-
-
-
 .hide {
     display:none;
 }
+
index d86b77e..a09ca1d 100644 (file)
         });
         System.import('components/app');
     </script>
+
+
+
+
 </head>
 <body>
     <mou-app>loading...</mou-app>