Shows results from Searcher actions

src/pastebin/pastebin.html

@@ -16,6 +16,7 @@
   <require from = "traceSearch/trace-search.html"></require>
 
   <require from="searcher/searcher.html"></require>
+  <require from="searcher/searcher-container.html"></require>
 
   <div id = "mainContainer" class = "box-shadow-bottom">
     <div id = "main-splitter-left"  class = "split split-horizontal container-fluid">
@@ -61,6 +62,11 @@
                 Debug
               </a>
             </li>
+            <li id = "searcherTab" role = "tab" aria-controls = "search-container">
+            <a href = "#searcher-container"  data-toggle = "tab">
+              Searcher
+            </a>
+          </li>
           </ul>
           <div  class = "tab-content">
             <div id = "preview" class = "tab-pane fade in active" role = "tabpanel" aria-labelledby="previewTab">
@@ -71,6 +77,9 @@
               <vis-viewer vis-viewer.bind = "visViewer"></vis-viewer>
               <trace-search trace-search.bind = "traceSearch"></trace-search>
             </div>
+            <div id="searcher-container">
+              <searcher-container trace-search.bind = "searcher.searcherContainer"></searcher-container>
+            </div>
           </div>
         </div>
 

src/persistence/firebase-manager.js

@@ -63,7 +63,7 @@ export class FirebaseManager {
     return new Firebase(`${this.baseURL}/${pastebinId}/metags/urls`);
   }
 
-  makeGlobalMetagsURLsFirebase(pastebinId = this.pastebinId) {
+  makeGlobalMetagsURLsFirebase() {
     return new Firebase(`${this.baseURL}/metags/urls`);
   }
 

src/searcher/searcher-container.html

@@ -0,0 +1,12 @@
+<template bindable="searcher">
+  <require from="./searcher-container.css"></require>
+  <div >
+    <div  class='seecoderun-chat-toolbar'>
+      <input type='text'  placeholder='Type search Here...'>
+    </div>
+    <ul id="urlList"></ul>
+    <footer>
+      <input type='text'  placeholder='Type search Here...'>
+    </footer>
+  </div>
+</template>

src/searcher/searcher-container.js

@@ -0,0 +1,17 @@
+/**
+ * Created by DavidIgnacio on 7/17/2017.
+ */
+export class SearcherContainer{
+
+  constructor(firebaseManager){
+    this.firebaseManager = firebaseManager;
+  }
+  attached(){
+    let firebaseURLs = this.firebaseManager.makeGlobalMetagsURLsFirebase();
+    firebaseURLs.on("child_added", function(snapshot){
+        let data = snapshot.val();
+      $("#urlList").append(`<li> ${JSON.stringify(data)}</li>`);
+    });
+  }
+
+}

src/searcher/searcher.js

@@ -3,9 +3,11 @@
  */
 import {customElement} from 'aurelia-framework';
 import {draggable} from 'jquery-ui';
+import {SearcherContainer} from './searcher-container';
 
 @customElement('pastebin')
 export class Searcher {
+  searcherContainer = null;
   searcherSelector = "#searcher";
   isFirstSearch = true;
   searcherQueryDefaultHeight = 38;
@@ -24,6 +26,7 @@ export class Searcher {
   constructor(eventAggregator, firebaseManager) {
     this.eventAggregator = eventAggregator;
     this.firebaseManager = firebaseManager;
+    this.searcherContainer = new SearcherContainer(firebaseManager);
   }
 
   // storing hashes in Firebase, hence normal strings cannot be indexes. null, undefined throw errors
@@ -39,6 +42,7 @@ export class Searcher {
   };
 
   attached() {
+    this.searcherContainer.attached();
     this.metagsURLsFirebase = this.firebaseManager.makePastebinMetagsURLsFirebase();
     this.globalMetagsURLsFirebase = this.firebaseManager.makeGlobalMetagsURLsFirebase();