--- a
+++ b/nih-ct-protocol-ui/src/app/app.component.ts
@@ -0,0 +1,74 @@
+import { Component } from '@angular/core';
+import {SearchItemsComponent} from './search-items/search-items.component';
+import {PredictService} from './predict.service';
+
+@Component({
+  selector: 'app-root',
+  templateUrl: './app.component.html',
+  styleUrls: ['./app.component.css']
+})
+export class AppComponent {
+  title = 'AI-Mediated Protocol Writer';
+  result=null;
+  text="";
+  suggestion='';
+  score =0
+
+
+
+  constructor(private predictService: PredictService){}
+
+  onSubmit(){
+
+
+    this.suggestion="sfsfs";
+    this.score=9;
+
+	this.predictService.predict("sfsf",this.text)
+        .subscribe(res => {
+		this.result = res;
+    if(res.hits.total>0)
+    {
+      this.suggestion="";
+
+      res.hits.hits.forEach(h=>{
+
+        h._source.value.split(" ").forEach(w=>{
+
+        if(this.text.indexOf(w)>-1)
+        {
+          this.suggestion=this.suggestion+ " "+w;
+        }
+        else{
+          this.suggestion=this.suggestion+" <mark>"+w+"</mark>";
+        }
+
+
+      });
+
+        this.suggestion = this.suggestion +" SCORE: " + ((h._score - 0) / (1 - 0)) + "</br>" + "</br>";
+
+
+      });
+
+
+
+
+
+    }
+
+
+
+		});
+
+    //Fuzzy Search to higlight keywords in input
+
+
+
+
+  }
+
+
+
+
+}