From 7b48445a5521ebb895d65f720f8b068c79ad1f1d Mon Sep 17 00:00:00 2001
From: "argiro.kokogiannaki"
 <argiro.kokogiannaki@d315682c-612b-4755-9ff5-7f18f6832af3>
Date: Mon, 4 May 2020 14:11:50 +0000
Subject: [PATCH] [Library|Trunk]

Impact factors:
	update according to the mocks
	show them also in beta



git-svn-id: https://svn.driver.research-infrastructures.eu/driver/dnet40/modules/uoa-services-library/trunk/ng-openaire-library/src/app@58591 d315682c-612b-4755-9ff5-7f18f6832af3
---
 .../searchUtils/searchResult.component.ts     |  2 +-
 .../result-preview.component.html             | 65 +++++++++++++++++--
 2 files changed, 62 insertions(+), 5 deletions(-)

diff --git a/searchPages/searchUtils/searchResult.component.ts b/searchPages/searchUtils/searchResult.component.ts
index 411f573e..3a9b4605 100644
--- a/searchPages/searchUtils/searchResult.component.ts
+++ b/searchPages/searchUtils/searchResult.component.ts
@@ -34,7 +34,7 @@ export class SearchResultComponent implements OnInit, OnChanges  {
     // console.log(data[1]);
     let dois = encodeURIComponent(this.results.map((result) => result.DOI).join(","));
     // console.log(dois);
-    if(dois.length > 0 && this.showImpactFactors && this.properties.environment == "development") {
+    if(dois.length > 0 && this.showImpactFactors && this.properties.environment != "production") {
       let url = 'http://bip.imis.athena-innovation.gr:4000/paper/scores/batch/' + dois;
       this.http.get(url).subscribe((data_received) => {
         for (let i = 0; i < this.previewResults.length; i++) {
diff --git a/utils/result-preview/result-preview.component.html b/utils/result-preview/result-preview.component.html
index bc2115f3..3a845869 100644
--- a/utils/result-preview/result-preview.component.html
+++ b/utils/result-preview/result-preview.component.html
@@ -271,8 +271,65 @@
     {{result.description}}
   </p>
 </div>
-<div *ngIf="result.pop_inf && result.DOI">
-  <span  title = "Popularity" id = "popularity-{{result.pop_inf[0]}}" class="fa fa-fire"></span> &nbsp;<!-- ATHENA CODE -->
-  <span title = "Influence" id = "influence-{{result.pop_inf[1]}}" class="fa fa-university"></span> &nbsp;<!-- ATHENA CODE -->
-  <span><a title ="Link to Bip!Finder" class="fas fa-external-link-alt" target="_blank" href = "https://bip.imis.athena-innovation.gr/site/details?id={{result.DOI}}"></a></span>
+<div>
+  <!-- Impact Factors-->
+  <span *ngIf="result.pop_inf && result.DOI" class="uk-flex uk-flex-middle">
+    <!--Popularity -->
+    <a  title = "Popularity"  class="popularity-{{result.pop_inf[0]}}  uk-margin-right uk-flex uk-flex-middle">
+      <svg xmlns="http://www.w3.org/2000/svg" width="10.749" height="14.33" viewBox="0 0 10.749 14.33"><defs><!--<style>.a{fill:#d51717;}</style>--></defs><path class="a" d="M10.382.67a14.44,14.44,0,0,1,.5,3.225A2.331,2.331,0,0,1,8.589,6.4,2.445,2.445,0,0,1,6.15,3.895l.02-.242A9.25,9.25,0,0,0,4,9.625a5.375,5.375,0,0,0,10.749,0A11.5,11.5,0,0,0,10.382.67ZM9.18,12.985a2.134,2.134,0,0,1-2.163-2.11A2.1,2.1,0,0,1,8.9,8.779a5.181,5.181,0,0,0,3.1-1.733,9.374,9.374,0,0,1,.4,2.714A3.226,3.226,0,0,1,9.18,12.985Z" transform="translate(-4 -0.67)"/></svg>
+      <span class="uk-margin-small-left"
+      >
+        {{" "+(result.pop_inf[0]=='A'?'High':'')+(result.pop_inf[0]=='B'?'Average':'')+(result.pop_inf[0]=='C'?'Low':'')+
+      " popularity" }}</span>
+
+    </a>
+    <div
+      class="default-dropdown uk-margin-remove-top uk-padding-medium"
+      uk-dropdown="pos: bottom-left; mode:click" style="min-width: 70px !important;">
+        <span class=" uk-flex uk-flex-middle">
+          <span  class="popularity-{{result.pop_inf[0]}}">
+             <svg xmlns="http://www.w3.org/2000/svg" width="20.234" height="26.974"
+                  viewBox="0 0 20.234 26.974"><defs> </defs><path class="a" d="M16.014.67a27.181,27.181,0,0,1,.936,6.07c0,2.605-1.707,4.717-4.312,4.717A4.6,4.6,0,0,1,8.047,6.74l.038-.455A17.411,17.411,0,0,0,4,17.527a10.117,10.117,0,0,0,20.234,0A21.643,21.643,0,0,0,16.014.67ZM13.75,23.85A4.016,4.016,0,0,1,9.678,19.88c0-2.049,1.328-3.49,3.554-3.946a9.753,9.753,0,0,0,5.843-3.263,17.645,17.645,0,0,1,.746,5.109,6.072,6.072,0,0,1-6.07,6.07Z" transform="translate(-4 -0.67)"/></svg>
+            </span>
+          <span class=" uk-margin-small-left uk-text-large"
+          >{{" "+(result.pop_inf[0]=='A'?'High':'')+(result.pop_inf[0]=='B'?'Average':'')+(result.pop_inf[0]=='C'?'Low':'')+
+          " popularity" }}</span>
+          <span
+            class="uk-margin-small-top uk-margin-small-left">{{" "+(result.pop_inf[0]=='A'?'In top  0.01%':'')+(result.pop_inf[0]=='B'?'In top 1%':'')+(result.pop_inf[0]=='C'?'In bottom 99%':'')}}</span>
+        </span>
+
+        <div class="uk-text-muted uk-margin uk-text-small">Popularity: Citation-based measure reflecting the current impact.</div>
+        <div>
+          <a title ="Link to Bip!Finder" class=" uk-float-right" target="_blank" href =
+            "https://bip.imis.athena-innovation.gr/site/details?id={{result.DOI}}">View more details</a>
+        </div>
+    </div>
+    <!--Influence -->
+    <a title = "Influence"   class="influence-{{result.pop_inf[1]}} uk-flex uk-flex-middle">
+      <svg xmlns="http://www.w3.org/2000/svg" width="12.667" height="14" viewBox="0 0 12.667 14"><defs><!--<style>.a{fill:#e1920a;}</style>--></defs><path class="a" d="M3.333,7v4.667h2V7Zm4,0v4.667h2V7ZM2,15H14.667V13H2Zm9.333-8v4.667h2V7Zm-3-6L2,4.333V5.667H14.667V4.333Z" transform="translate(-2 -1)"/></svg>
+      <span class="uk-margin-small-left"
+      >{{" "+(result.pop_inf[1]=='A'?'Strong':'')+(result.pop_inf[1]=='B'?'Average':'')+(result.pop_inf[1]=='C'?'Weak':'')+
+      " influence" }}</span>
+    </a>
+    <div
+      class="default-dropdown uk-margin-remove-top uk-padding-medium"
+      uk-dropdown="pos: bottom-left; mode:click" style="min-width: 70px !important;">
+        <span class=" uk-flex uk-flex-middle">
+          <span  class="influence-{{result.pop_inf[1]}}">
+             <svg xmlns="http://www.w3.org/2000/svg" width="24.299" height="26.857" viewBox="0 0 24.299 26.857"><defs><style>.a{fill:#464646;}</style></defs><path class="a" d="M4.558,12.51v8.952H8.394V12.51Zm7.673,0v8.952h3.837V12.51ZM2,27.857H26.3V24.02H2ZM19.9,12.51v8.952h3.837V12.51ZM14.149,1,2,7.394V9.952H26.3V7.394Z" transform="translate(-2 -1)"/></svg>
+            </span>
+          <span class=" uk-margin-small-left uk-text-large"
+          >{{" "+(result.pop_inf[1]=='A'?'Strong':'')+(result.pop_inf[1]=='B'?'Average':'')+(result.pop_inf[1]=='C'?'Weak':'')+
+          " influence" }}</span>
+          <span
+            class="uk-margin-small-top uk-margin-small-left">{{" "+(result.pop_inf[1]=='A'?'In top  0.01%':'')+(result.pop_inf[1]=='B'?'In top 1%':'')+(result.pop_inf[1]=='C'?'In bottom 99%':'')}}</span>
+        </span>
+
+        <div class="uk-text-muted uk-margin uk-text-small">Influence: Citation-based measure reflecting the total impact.</div>
+        <div>
+          <a title ="Link to Bip!Finder" class=" uk-float-right" target="_blank" href =
+            "https://bip.imis.athena-innovation.gr/site/details?id={{result.DOI}}">View more details</a>
+        </div>
+    </div>
+  </span>
 </div>