From d8199e30b6c2478b1531a8b8bc976e01b71cd912 Mon Sep 17 00:00:00 2001
From: Mathieu Sanchez <mathieu.sanchez@outlook.fr>
Date: Wed, 12 Jun 2019 22:21:27 +0900
Subject: [PATCH] Style search

---
 src/app/app.component.html      | 13 +++++++++++--
 src/app/app.component.less      | 21 +++++++++++++++++++++
 src/app/app.component.ts        |  4 ++++
 src/environments/environment.ts |  2 +-
 4 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/src/app/app.component.html b/src/app/app.component.html
index 4fa90b9..ab04324 100644
--- a/src/app/app.component.html
+++ b/src/app/app.component.html
@@ -41,8 +41,17 @@
 
     <div *ngIf="results.length > 0">
 
-      <div *ngFor="let result of results">
-        {{ result.url }} ({{ result.tfidf }})
+      <div *ngFor="let result of results" class="results">
+        <a href="{{ result.url }}">
+          <div class="result">
+            <div>
+              {{ result.url }}
+            </div>
+            <div>
+              Ranking {{ round(100 * result.tfidf) }}
+            </div>
+          </div>
+        </a>
       </div>
 
     </div>
diff --git a/src/app/app.component.less b/src/app/app.component.less
index cbd46e6..f102d1d 100644
--- a/src/app/app.component.less
+++ b/src/app/app.component.less
@@ -104,6 +104,27 @@
     }
   }
 
+  .results {
+    margin-top: 30px;
+
+    a {
+      text-decoration: none;
+      color: #000;
+
+      .result {
+        padding: 10px 20px;
+        display: flex;
+        justify-content: space-between;
+        background: #FFF;
+        border-radius: 15px;
+        margin-bottom: 10px;
+        border: 1px solid rgba(200, 200, 200, 0.3);
+      }
+
+    }
+
+  }
+
 }
 
 .main-container.top {
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
index 83d9206..de93e8e 100644
--- a/src/app/app.component.ts
+++ b/src/app/app.component.ts
@@ -35,4 +35,8 @@ export class AppComponent {
     }
   }
 
+  public round( value: number ) {
+    return Math.round( value * 100 ) / 100;
+  }
+
 }
diff --git a/src/environments/environment.ts b/src/environments/environment.ts
index 8e59e6d..54a4d84 100644
--- a/src/environments/environment.ts
+++ b/src/environments/environment.ts
@@ -4,7 +4,7 @@
 
 export const environment = {
   production: false,
-  baseUrl: 'https://us-central1-pq-man.cloudfunctions.net/search?s=',
+  baseUrl: 'http://142.4.212.26:8080/search?s=',
 };
 
 /*