[DSC-1629] add icons config

Author: FrancescoMolinaro

src/app/shared/form/builder/ds-dynamic-form-ui/models/onebox/dynamic-onebox.component.html

@@ -8,9 +8,7 @@
 <ng-template #hasInfo let-entry="entry">
   <ul class="list-unstyled mb-0">
     <li class="list-item d-flex align-items-center">
-      <div *ngIf="entry.source" class="mr-2">
-        <img onerror="handleImgError(this)" [src]="'assets/images/' + entry.source + '.logo.icon.svg'" [attr.alt]="('form.entry.source.' + entry.source) | translate" />
-      </div>
+      <img *ngIf="entry.source" class="mr-2" #imgTag [src]="getAuthoritySourceIcon(entry.source, imgTag)" [attr.alt]="('form.entry.source.' + entry.source) | translate" />
       <div class="text-truncate text-primary font-weight-bold">{{entry.value}}</div>
       <div *ngIf="entry.source" class="ml-2 text-truncate text-secondary">{{ ('form.entry.source.' + entry.source) | translate}}</div>
     </li>
@@ -25,9 +23,7 @@
 <ng-template #noInfo let-entry="entry">
   <ul class="list-unstyled mb-0">
     <li class="list-item d-flex align-items-center">
-      <div *ngIf="entry.source" class="mr-2">
-        <img onerror="handleImgError(this)" [src]="'assets/images/' + entry.source + '.logo.icon.svg'" [attr.alt]="('form.entry.source.' + entry.source) | translate" />
-      </div>
+      <img  *ngIf="entry.source" class="mr-2" #imgTag [src]="getAuthoritySourceIcon(entry.source, imgTag)" [attr.alt]="('form.entry.source.' + entry.source) | translate" />
       <div class="text-truncate text-primary font-weight-bold">{{entry.value}}</div>
       <div *ngIf="entry.source" class="ml-2 text-truncate text-secondary">{{ ('form.entry.source.' + entry.source) | translate}}</div>
     </li>

src/app/shared/form/builder/ds-dynamic-form-ui/models/onebox/dynamic-onebox.component.ts

@@ -44,6 +44,7 @@ import {
 } from '../../../../vocabulary-treeview-modal/vocabulary-treeview-modal.component';
 import { FormBuilderService } from '../../../form-builder.service';
 import { SubmissionService } from '../../../../../../submission/submission.service';
+import { environment } from '../../../../../../../environments/environment';
 
 /**
  * Component representing a onebox input field.
@@ -77,6 +78,7 @@ export class DsDynamicOneboxComponent extends DsDynamicVocabularyComponent imple
   preloadLevel: number;
   additionalInfoSelectIsOpen = false;
   alternativeNamesKey = 'alternative-names';
+  authorithyIcons = environment.submission.icons.authority.sourceIcons;
 
 
   private isHierarchicalVocabulary$: Observable<boolean>;
@@ -422,4 +424,24 @@ export class DsDynamicOneboxComponent extends DsDynamicVocabularyComponent imple
   handleImgError(image: HTMLElement): void {
     image.style.display = 'none';
   }
+
+  /**
+   * Get configured icon for each authority source
+   * @param source
+   */
+  getAuthoritySourceIcon(source: string, image: HTMLElement): string {
+    if (hasValue(this.authorithyIcons)) {
+      const iconPath = this.authorithyIcons.find(icon => icon.source === source)?.path;
+
+      if (!hasValue(iconPath)) {
+        this.handleImgError(image);
+      }
+
+      return iconPath;
+    } else {
+      this.handleImgError(image);
+    }
+
+    return '';
+  }
 }

src/config/default-app-config.ts

@@ -250,6 +250,32 @@ export class DefaultAppConfig implements AppConfig {
             style: 'text-muted'
           }
 
+        ],
+        sourceIcons: [
+          {
+            source: 'orcid',
+            path: 'assets/images/orcid.logo.icon.svg'
+          },
+          {
+            source: 'openaire',
+            path: 'assets/images/openaire.logo.icon.svg'
+          },
+          {
+            source: 'ror',
+            path: 'assets/images/ror.logo.icon.svg'
+          },
+          {
+            source: 'sherpa',
+            path: 'assets/images/sherpa.logo.icon.svg'
+          },
+          {
+            source: 'zdb',
+            path: 'assets/images/zdb.logo.icon.svg'
+          },
+          {
+            source: 'local',
+            path: 'assets/images/local.logo.icon.svg'
+          },
         ]
       }
     },

src/config/submission-config.interface.ts

@@ -10,10 +10,16 @@ interface TypeBindConfig extends Config {
   field: string;
 }
 
+interface AuthorithyIcon {
+  source: string,
+  path: string
+}
+
 interface IconsConfig extends Config {
   metadata: MetadataIconConfig[];
   authority: {
     confidence: ConfidenceIconConfig[];
+    sourceIcons?: AuthorithyIcon[]
   };
 }