D-Net

    if(dois.length > 0 && this.showImpactFactors && this.properties.environment != "production") {

<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>

/*

Impact Factor -  ATHENA CODE */

.popularity-A svg .a, .influence-A svg .a{

    fill:#d51717;

}

.popularity-B  svg .a, .influence-B svg  .a {

    fill: #e1920a;

}

.popularity-C svg  .a, .influence-C svg .a {

    fill: #444;

}