[DSC-1708] manages ROR badge for ORgUnits

Author: alisaismailati

src/app/shared/metadata-link-view/metadata-link-view-popover/metadata-link-view-popover.component.html

@@ -17,25 +17,25 @@
         <span class="ellipsis-y-3" *ngIf="longTextMetadataList.includes(metadata)">
           {{ item.firstMetadataValue(metadata) }}
         </span>
-        <a [href]="item.firstMetadataValue(metadata)" target="_blank" *ngIf="isLink(item.firstMetadataValue(metadata)) && !showIconMetadataList.includes(metadata)">
+        <a [href]="item.firstMetadataValue(metadata)" target="_blank" *ngIf="isLink(item.firstMetadataValue(metadata)) && !getSourceSubTypeIdentifier(metadata)">
           {{ item.firstMetadataValue(metadata) }}
         </a>
-        <!-- TODO: Fix later using configuration -->
-        <div *ngIf="metadata === 'organization.identifier.ror'" class="d-flex align-items-center">
+
+        <div *ngIf="getSourceSubTypeIdentifier(metadata)" class="d-flex align-items-center">
           <ng-container *ngVar="item.firstMetadataValue(metadata) as rorValue">
             <a *ngIf="isLink(rorValue)" [href]="item.firstMetadataValue(metadata)" target="_blank" >
               {{ item.firstMetadataValue(metadata) }}
             </a>
-            <a *ngIf="!isLink(rorValue)" [href]="'https://ror.org/' + item.firstMetadataValue(metadata)" target="_blank" >
+            <a *ngIf="!isLink(rorValue)" [href]="getSourceSubTypeIdentifier(metadata)?.link + '/' + item.firstMetadataValue(metadata)" target="_blank" >
               {{ item.firstMetadataValue(metadata) }}
             </a>
           </ng-container>
           <img
             placement="top"
-            ngbTooltip="https://ror.org"
+            [ngbTooltip]="getSourceSubTypeIdentifier(metadata)?.link"
             class="source-icon"
             alt="source-logo"
-            src="assets/images/ror.logo.icon.svg"
+            [src]="getSourceSubTypeIdentifier(metadata)?.icon"
             data-test="sourceIcon"
           />
         </div>

src/app/shared/metadata-link-view/metadata-link-view-popover/metadata-link-view-popover.component.scss

@@ -1,4 +1,6 @@
 .source-icon {
-  height: 1.2rem;
+  height: var(--ds-identifier-sybetype-icon-height);
+  min-height: 16px;
+  width: auto;
   padding-left: 0.3rem;
 }

src/app/shared/metadata-link-view/metadata-link-view-popover/metadata-link-view-popover.component.ts

@@ -1,3 +1,4 @@
+import { IdentifierSubtypesConfig } from './../../../../config/identifier-subtypes-config.interface';
 import { MetadataLinkViewPopoverDataConfig } from 'src/config/metadata-link-view-popoverdata-config.interface';
 import { Item } from './../../../core/shared/item.model';
 import { Component, Input, OnInit } from '@angular/core';
@@ -25,14 +26,12 @@ export class MetadataLinkViewPopoverComponent implements OnInit {
 
   longTextMetadataList = ['dc.description.abstract', 'dc.description'];
 
-  showIconMetadataList = ['organization.identifier.ror'];
-
   sourceIcons: AuthorithyIcon[] = environment.submission.icons.authority.sourceIcons;
 
-    /**
+  /**
    * The identifier subtype configurations
    */
-    // identifierSubtypeConfig: IdentifierSubtypesConfig[] = environment.identifierSubtypes;
+  identifierSubtypeConfig: IdentifierSubtypesConfig[] = environment.identifierSubtypes;
 
   isOtherEntityType = false;
 
@@ -57,4 +56,11 @@ export class MetadataLinkViewPopoverComponent implements OnInit {
   getItemPageRoute(): string {
    return getItemPageRoute(this.item);
   }
+
+  getSourceSubTypeIdentifier(metadataValue: string): IdentifierSubtypesConfig {
+    const metadataValueSplited = metadataValue.split('.');
+    const subtype = metadataValueSplited[metadataValueSplited.length - 1];
+    const identifierSubtype = this.identifierSubtypeConfig.find((config) => config.name === subtype);
+    return identifierSubtype;
+  }
 }