diff --git a/src/app/cdk/trusted-summary/component/summary-panel/summary-panel.component.html b/src/app/cdk/trusted-summary/component/summary-panel/summary-panel.component.html
index 77e352e88..d35bfe77e 100644
--- a/src/app/cdk/trusted-summary/component/summary-panel/summary-panel.component.html
+++ b/src/app/cdk/trusted-summary/component/summary-panel/summary-panel.component.html
@@ -73,7 +73,10 @@
-
+
{{ activity.startDate }}
@@ -115,6 +118,7 @@
tabindex="0"
(click)="goToActivitySection(activitySection)"
(keydown)="goToActivitySection(activitySection, $event)"
+ [attr.aria-label]="ariaLabelMore"
>+ {{ count - 3 }}
{{
moreLabelSingular
diff --git a/src/app/cdk/trusted-summary/component/summary-panel/summary-panel.component.ts b/src/app/cdk/trusted-summary/component/summary-panel/summary-panel.component.ts
index 5163493fe..566e16f3c 100644
--- a/src/app/cdk/trusted-summary/component/summary-panel/summary-panel.component.ts
+++ b/src/app/cdk/trusted-summary/component/summary-panel/summary-panel.component.ts
@@ -14,8 +14,6 @@ import { ActivitySummary } from 'src/app/types/trust-summary'
preserveWhitespaces: true,
})
export class SummaryPanelComponent implements OnInit {
- validatedSourceAriaLabel = $localize`:@@summary.validatedSource:Validated source`
- selftAssertedSource = $localize`:@@summary.selfAssertedSource:Self-asserted source`
@Input() activitySummary: ActivitySummary[]
@Input() url: string = ''
@Input() count: number = 0
@@ -29,6 +27,10 @@ export class SummaryPanelComponent implements OnInit {
acitivityCountOverflow: boolean
unsubscribe = new Subject()
+ validatedSourceAriaLabel = $localize`:@@summary.validatedSource:Validated source`
+ selftAssertedSource = $localize`:@@summary.selfAssertedSource:Self-asserted source`
+ ariaLabelMore: string
+
constructor(@Inject(WINDOW) private _window: Window) {}
ngOnDestroy(): void {
@@ -42,6 +44,14 @@ export class SummaryPanelComponent implements OnInit {
this.activitiesToDisplay = this.activitySummary.slice(0, 3)
this.acitivityCountOverflow = this.count > 3
+
+ if (this.standaloneMode) {
+ if (this.count - 3 > 1) {
+ this.ariaLabelMore = RecordUtil.appendOpensInNewTab(this.moreLabel)
+ } else {
+ this.ariaLabelMore = RecordUtil.appendOpensInNewTab(this.moreLabelSingular)
+ }
+ }
}
}
goToUrl(url: string, event?: KeyboardEvent) {
diff --git a/src/app/cdk/trusted-summary/component/summary-simple-panel/summary-simple-panel.component.html b/src/app/cdk/trusted-summary/component/summary-simple-panel/summary-simple-panel.component.html
index a128ea521..13b727dda 100644
--- a/src/app/cdk/trusted-summary/component/summary-simple-panel/summary-simple-panel.component.html
+++ b/src/app/cdk/trusted-summary/component/summary-simple-panel/summary-simple-panel.component.html
@@ -91,6 +91,7 @@
tabindex="0"
(click)="goToActivitySection(activitySection)"
(keydown)="goToActivitySection(activitySection, $event)"
+ [attr.aria-label]="ariaLabelActivitySection"
>+ {{ count - 3 }}
1">{{ moreLabel }}
{{
diff --git a/src/app/cdk/trusted-summary/component/summary-simple-panel/summary-simple-panel.component.ts b/src/app/cdk/trusted-summary/component/summary-simple-panel/summary-simple-panel.component.ts
index fd40aadb7..9f725144d 100644
--- a/src/app/cdk/trusted-summary/component/summary-simple-panel/summary-simple-panel.component.ts
+++ b/src/app/cdk/trusted-summary/component/summary-simple-panel/summary-simple-panel.component.ts
@@ -4,6 +4,7 @@ import { takeUntil } from 'rxjs/operators'
import { PlatformInfoService } from 'src/app/cdk/platform-info'
import { WINDOW } from 'src/app/cdk/window'
import { RecordUtil } from 'src/app/shared/utils/record.util'
+import { TrustedSummary } from 'src/app/types/trust-summary'
export interface SimpleActivityModel {
verified?: boolean
@@ -24,8 +25,6 @@ export interface SimpleActivityModel {
],
})
export class SummarySimplePanelComponent implements OnInit {
- validatedSourceAriaLabel = $localize`:@@summary.validatedSource:Validated source`
- selfAssertedSource = $localize`:@@summary.selfAssertedSource:Self-asserted source`
@Input() simpleActivities: SimpleActivityModel[] = []
@Input() count: number = 0
@Input() moreLabel: string = ''
@@ -34,15 +33,29 @@ export class SummarySimplePanelComponent implements OnInit {
@Input() overflowUrl: string = ''
@Input() standaloneMode: boolean
@Input() activitySection: string
+ @Input() trustedSummary: TrustedSummary
unsubscribe = new Subject()
mobile: boolean
acitivityCountOverflow = false
+ ariaLabelActivitySection: string
+
+ validatedSourceAriaLabel = $localize`:@@summary.validatedSource:Validated source`
+ selfAssertedSource = $localize`:@@summary.selfAssertedSource:Self-asserted source`
+
constructor(@Inject(WINDOW) private _window: Window) {}
ngOnInit(): void {
this.acitivityCountOverflow = this.simpleActivities.length > 3
this.simpleActivities = this.simpleActivities.slice(0, 3)
+
+ if (this.standaloneMode) {
+ if (this.count - 3 > 1) {
+ this.ariaLabelActivitySection = RecordUtil.appendOpensInNewTab(this.moreLabel)
+ } else {
+ this.ariaLabelActivitySection = RecordUtil.appendOpensInNewTab(this.moreLabelSingular)
+ }
+ }
}
goToUrl(url?: string, event?: KeyboardEvent) {
if (!url) {
diff --git a/src/app/cdk/trusted-summary/component/trusted-summary/trusted-summary.component.html b/src/app/cdk/trusted-summary/component/trusted-summary/trusted-summary.component.html
index c947d45e1..686d1066d 100644
--- a/src/app/cdk/trusted-summary/component/trusted-summary/trusted-summary.component.html
+++ b/src/app/cdk/trusted-summary/component/trusted-summary/trusted-summary.component.html
@@ -334,6 +334,8 @@
[hoverEffect]="externalIdentifiersHover"
[standaloneMode]="standaloneMode"
[activitySection]="'other-identifiers'"
+ [trustedSummary]="trustedSummary"
+ *ngIf="!trustedSummary"
>
diff --git a/src/app/cdk/trusted-summary/component/trusted-summary/trusted-summary.component.ts b/src/app/cdk/trusted-summary/component/trusted-summary/trusted-summary.component.ts
index 0b5e565e2..0b7920c78 100644
--- a/src/app/cdk/trusted-summary/component/trusted-summary/trusted-summary.component.ts
+++ b/src/app/cdk/trusted-summary/component/trusted-summary/trusted-summary.component.ts
@@ -77,6 +77,7 @@ export class TrustedSummaryComponent implements OnInit, OnDestroy {
modifiedToday: boolean
creationDateWithOffset: any
lastUpdateDate: any
+ loading = false
constructor(
private _trustedSummary: TrustedSummaryService,
@@ -112,6 +113,8 @@ export class TrustedSummaryComponent implements OnInit, OnDestroy {
this._trustedSummary.getSummary(this.orcid).subscribe((data) => {
this.trustedSummary = data
+ this.loading = true
+
if (this.trustedSummary.creation) {
this.creationDateWithOffset = this.dateWithOffset(
this.trustedSummary.creation
@@ -266,6 +269,11 @@ export class TrustedSummaryComponent implements OnInit, OnDestroy {
}
private getAriaLabelSection(section: string): string {
- return `${section} ${this.trustedSummary.name} ${this.labelOrcidRecord}`
+ const ariaLabel = `${section} ${this.trustedSummary.name} ${this.labelOrcidRecord}`
+ if (this.standaloneMode) {
+ return RecordUtil.appendOpensInNewTab(ariaLabel)
+ }
+ return ariaLabel
}
+
}
diff --git a/src/app/layout/footer/footer.component.html b/src/app/layout/footer/footer.component.html
index b73e501ba..2e65c7f53 100644
--- a/src/app/layout/footer/footer.component.html
+++ b/src/app/layout/footer/footer.component.html
@@ -23,35 +23,35 @@
@@ -61,14 +61,14 @@
diff --git a/src/app/layout/footer/footer.component.ts b/src/app/layout/footer/footer.component.ts
index e778a6b25..a02a600d8 100644
--- a/src/app/layout/footer/footer.component.ts
+++ b/src/app/layout/footer/footer.component.ts
@@ -2,6 +2,7 @@ import { Component, OnInit, Inject } from '@angular/core'
import { PlatformInfoService } from 'src/app/cdk/platform-info'
import { WINDOW } from 'src/app/cdk/window'
import { environment } from '../../../environments/environment'
+import { RecordUtil } from 'src/app/shared/utils/record.util'
@Component({
selector: 'app-footer',
@@ -17,7 +18,16 @@ export class FooterComponent implements OnInit {
isTablet = false
isMobile = false
- license = $localize`:@@footer.ariaLabelLicense:license (opens in new tab)`
+ license = RecordUtil.appendOpensInNewTab($localize`:@@footer.ariaLabelLicense:license`)
+ linkedin = RecordUtil.appendOpensInNewTab('Linkedin')
+ facebook = RecordUtil.appendOpensInNewTab('Facebook')
+ mastodon = RecordUtil.appendOpensInNewTab('Mastodon')
+ vimeo = RecordUtil.appendOpensInNewTab('Vimeo')
+ youtube = RecordUtil.appendOpensInNewTab('Youtube')
+ rss = RecordUtil.appendOpensInNewTab('RSS')
+ github = RecordUtil.appendOpensInNewTab('Github')
+ twitter = RecordUtil.appendOpensInNewTab('Twitter')
+
constructor(
_platformInfo: PlatformInfoService,
diff --git a/src/app/record/components/record-header/record-header.component.html b/src/app/record/components/record-header/record-header.component.html
index a788cdd6b..c09d030d3 100644
--- a/src/app/record/components/record-header/record-header.component.html
+++ b/src/app/record/components/record-header/record-header.component.html
@@ -207,6 +207,7 @@