Merge pull request #2349 from ORCID/lmendoza/9395-qa-all-activity-ite…

…ms-have-space-for-a-type-icon 9395-qa-all-activity-items-have-space-for-a-type-icon
ORCID · Sep 11, 2024 · bcd6127 · bcd6127
2 parents 788e676 + 20cc5e5
commit bcd6127
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 15 deletions.
diff --git a/src/app/record/components/affiliation-stack/affiliation-stack.component.html b/src/app/record/components/affiliation-stack/affiliation-stack.component.html
@@ -30,21 +30,23 @@
     [panelTitle]="affiliation.affiliationName.value"
   >
     <div class="affiliation-title" header>
-      <mat-icon
-        class="material-icons-outlined"
-        *ngIf="type === 'invited-position'"
-        >join_inner</mat-icon
-      >
-      <mat-icon class="material-icons-outlined" *ngIf="type === 'distinction'"
-        >stars</mat-icon
-      >
-      <mat-icon class="material-icons-outlined" *ngIf="type === 'membership'"
-        >card_membership</mat-icon
-      >
-      <mat-icon class="material-icons-outlined" *ngIf="type === 'service'"
-        >badge</mat-icon
-      >
-      <div class="vl"></div>
+      <ng-container *ngIf="professionalActivities">
+        <mat-icon
+          class="material-icons-outlined"
+          *ngIf="type === 'invited-position'"
+          >join_inner</mat-icon
+        >
+        <mat-icon class="material-icons-outlined" *ngIf="type === 'distinction'"
+          >stars</mat-icon
+        >
+        <mat-icon class="material-icons-outlined" *ngIf="type === 'membership'"
+          >card_membership</mat-icon
+        >
+        <mat-icon class="material-icons-outlined" *ngIf="type === 'service'"
+          >badge</mat-icon
+        >
+        <div class="vl"></div>
+      </ng-container>
       <h4
         class="orc-font-body"
         [ngClass]="{

diff --git a/src/app/record/components/affiliation-stack/affiliation-stack.component.ts b/src/app/record/components/affiliation-stack/affiliation-stack.component.ts
@@ -32,6 +32,7 @@ export class AffiliationStackComponent implements OnInit, OnDestroy {
   @Input() isPublicRecord: string = null
   @Input() type: AffiliationType
   hasExternalIdentifiers: boolean
+  @Input() professionalActivities: boolean
   @Input()
   set affiliationStack(value: AffiliationGroup) {
     this.hasExternalIdentifiers = !!value.externalIdentifiers.length

diff --git a/src/app/record/components/affiliation-stacks-groups/affiliation-stacks-groups.component.html b/src/app/record/components/affiliation-stacks-groups/affiliation-stacks-groups.component.html
@@ -176,6 +176,7 @@
           [affiliationStack]="affiliationGroup"
           [type]="affiliationGroup.affiliationType | affiliationType"
           [userInfo]="userInfo"
+          [professionalActivities]="true"
         ></app-affiliation-stack>
       </ng-container>
       <ng-container