Port #1300 to dtq-dev-9-base: UFAL/Accessibility existing issues all (ufal#139)

Source: d154682 (dtq-dev PR #1300)

Adapted to v9: DsLangPipe reaches its six consumers through each standalone
component's imports[] instead of the removed shared.module.ts; the
clarin-description-item-field loop uses @for; the vanilla-9-only #linkImg
metadata-values template gets the lang binding too; the custom theme's
full-file-section override mirrors the new imports[]; the footer's <br/>-in-<ul>
fix is already on 9-base as li.list-spacer, so only the heading levels and the
matching .h4 SCSS selectors are ported.

Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>

Author: milanmajchrak

src/app/entity-groups/journal-entities/item-grid-elements/search-result-grid-elements/journal-volume/journal-volume-search-result-grid-element.component.html

@@ -40,7 +40,7 @@ <h4 class="card-title" [innerHTML]="dsoTitle"></h4>
       @if (dso.hasMetadata('dc.description')) {
         <p class="item-description card-text">
           <ds-truncatable-part [id]="dso.id" [minLines]="3">
-            <span [innerHTML]="firstMetadataValue('dc.description')"></span>
+            <span [innerHTML]="firstMetadataValue('dc.description')" [attr.lang]="dso.firstMetadata('dc.description')?.language | dsLang"></span>
           </ds-truncatable-part>
         </p>
       }

src/app/entity-groups/journal-entities/item-grid-elements/search-result-grid-elements/journal-volume/journal-volume-search-result-grid-element.component.ts

@@ -10,6 +10,7 @@ import { listableObjectComponent } from '../../../../../shared/object-collection
 import { ItemSearchResultGridElementComponent } from '../../../../../shared/object-grid/search-result-grid-element/item-search-result/item/item-search-result-grid-element.component';
 import { TruncatableComponent } from '../../../../../shared/truncatable/truncatable.component';
 import { TruncatablePartComponent } from '../../../../../shared/truncatable/truncatable-part/truncatable-part.component';
+import { DsLangPipe } from '../../../../../shared/utils/ds-lang.pipe';
 import { ThemedThumbnailComponent } from '../../../../../thumbnail/themed-thumbnail.component';
 
 @listableObjectComponent('JournalVolumeSearchResult', ViewMode.GridElement)
@@ -20,6 +21,7 @@ import { ThemedThumbnailComponent } from '../../../../../thumbnail/themed-thumbn
   animations: [focusShadow],
   imports: [
     AsyncPipe,
+    DsLangPipe,
     RouterLink,
     ThemedBadgesComponent,
     ThemedThumbnailComponent,

src/app/entity-groups/journal-entities/item-grid-elements/search-result-grid-elements/journal/journal-search-result-grid-element.component.html

@@ -46,7 +46,7 @@ <h4 class="card-title" [innerHTML]="dsoTitle"></h4>
       @if (dso.hasMetadata('dc.description')) {
         <p class="item-description card-text">
           <ds-truncatable-part [id]="dso.id" [minLines]="3">
-            <span [innerHTML]="firstMetadataValue('dc.description')"></span>
+            <span [innerHTML]="firstMetadataValue('dc.description')" [attr.lang]="dso.firstMetadata('dc.description')?.language | dsLang"></span>
           </ds-truncatable-part>
         </p>
       }

src/app/entity-groups/journal-entities/item-grid-elements/search-result-grid-elements/journal/journal-search-result-grid-element.component.ts

@@ -10,6 +10,7 @@ import { listableObjectComponent } from '../../../../../shared/object-collection
 import { ItemSearchResultGridElementComponent } from '../../../../../shared/object-grid/search-result-grid-element/item-search-result/item/item-search-result-grid-element.component';
 import { TruncatableComponent } from '../../../../../shared/truncatable/truncatable.component';
 import { TruncatablePartComponent } from '../../../../../shared/truncatable/truncatable-part/truncatable-part.component';
+import { DsLangPipe } from '../../../../../shared/utils/ds-lang.pipe';
 import { ThemedThumbnailComponent } from '../../../../../thumbnail/themed-thumbnail.component';
 
 @listableObjectComponent('JournalSearchResult', ViewMode.GridElement)
@@ -20,6 +21,7 @@ import { ThemedThumbnailComponent } from '../../../../../thumbnail/themed-thumbn
   animations: [focusShadow],
   imports: [
     AsyncPipe,
+    DsLangPipe,
     RouterLink,
     ThemedBadgesComponent,
     ThemedThumbnailComponent,

src/app/entity-groups/research-entities/item-grid-elements/search-result-grid-elements/project/project-search-result-grid-element.component.html

@@ -32,7 +32,7 @@ <h4 class="card-title" [innerHTML]="dsoTitle"></h4>
       @if (dso.hasMetadata('dc.description')) {
         <p class="item-description card-text text-muted">
           <ds-truncatable-part [id]="dso.id" [minLines]="3">
-            <span [innerHTML]="firstMetadataValue('dc.description')"></span>
+            <span [innerHTML]="firstMetadataValue('dc.description')" [attr.lang]="dso.firstMetadata('dc.description')?.language | dsLang"></span>
           </ds-truncatable-part>
         </p>
       }

src/app/entity-groups/research-entities/item-grid-elements/search-result-grid-elements/project/project-search-result-grid-element.component.ts

@@ -10,6 +10,7 @@ import { listableObjectComponent } from '../../../../../shared/object-collection
 import { ItemSearchResultGridElementComponent } from '../../../../../shared/object-grid/search-result-grid-element/item-search-result/item/item-search-result-grid-element.component';
 import { TruncatableComponent } from '../../../../../shared/truncatable/truncatable.component';
 import { TruncatablePartComponent } from '../../../../../shared/truncatable/truncatable-part/truncatable-part.component';
+import { DsLangPipe } from '../../../../../shared/utils/ds-lang.pipe';
 import { ThemedThumbnailComponent } from '../../../../../thumbnail/themed-thumbnail.component';
 
 @listableObjectComponent('ProjectSearchResult', ViewMode.GridElement)
@@ -20,6 +21,7 @@ import { ThemedThumbnailComponent } from '../../../../../thumbnail/themed-thumbn
   animations: [focusShadow],
   imports: [
     AsyncPipe,
+    DsLangPipe,
     RouterLink,
     ThemedBadgesComponent,
     ThemedThumbnailComponent,

src/app/entity-groups/research-entities/item-list-elements/search-result-list-elements/org-unit/org-unit-search-result-list-element.component.html

@@ -44,7 +44,7 @@
           <span
             class="item-list-org-unit-description">
             <ds-truncatable-part [id]="dso.id" [minLines]="3"><span
-            [innerHTML]="firstMetadataValue('dc.description')"></span>
+            [innerHTML]="firstMetadataValue('dc.description')" [attr.lang]="dso.firstMetadata('dc.description')?.language | dsLang"></span>
           </ds-truncatable-part>
         </span>
       }

src/app/entity-groups/research-entities/item-list-elements/search-result-list-elements/org-unit/org-unit-search-result-list-element.component.ts

@@ -12,6 +12,7 @@ import { listableObjectComponent } from '../../../../../shared/object-collection
 import { ItemSearchResultListElementComponent } from '../../../../../shared/object-list/search-result-list-element/item-search-result/item-types/item/item-search-result-list-element.component';
 import { TruncatableComponent } from '../../../../../shared/truncatable/truncatable.component';
 import { TruncatablePartComponent } from '../../../../../shared/truncatable/truncatable-part/truncatable-part.component';
+import { DsLangPipe } from '../../../../../shared/utils/ds-lang.pipe';
 import { ThemedThumbnailComponent } from '../../../../../thumbnail/themed-thumbnail.component';
 
 @listableObjectComponent('OrgUnitSearchResult', ViewMode.ListElement)
@@ -21,6 +22,7 @@ import { ThemedThumbnailComponent } from '../../../../../thumbnail/themed-thumbn
   templateUrl: './org-unit-search-result-list-element.component.html',
   imports: [
     AsyncPipe,
+    DsLangPipe,
     NgClass,
     RouterLink,
     ThemedBadgesComponent,

src/app/entity-groups/research-entities/item-list-elements/sidebar-search-list-elements/org-unit/org-unit-sidebar-search-list-element.component.ts

@@ -12,6 +12,7 @@ import { ItemSearchResult } from '../../../../../shared/object-collection/shared
 import { listableObjectComponent } from '../../../../../shared/object-collection/shared/listable-object/listable-object.decorator';
 import { SidebarSearchListElementComponent } from '../../../../../shared/object-list/sidebar-search-list-element/sidebar-search-list-element.component';
 import { TruncatablePartComponent } from '../../../../../shared/truncatable/truncatable-part/truncatable-part.component';
+import { metadataLangToBcp47 } from '../../../../../shared/utils/metadata-language.util';
 
 @listableObjectComponent('OrgUnitSearchResult', ViewMode.ListElement, Context.SideBarSearchModal)
 @listableObjectComponent('OrgUnitSearchResult', ViewMode.ListElement, Context.SideBarSearchModalCurrent)
@@ -39,4 +40,11 @@ export class OrgUnitSidebarSearchListElementComponent extends SidebarSearchListE
   getDescription(): string {
     return this.firstMetadataValue('dc.description');
   }
+
+  /**
+   * Get the language of the Org Unit description.
+   */
+  getDescriptionLang(): string | null {
+    return metadataLangToBcp47(this.dso.firstMetadata('dc.description')?.language);
+  }
 }

src/app/entity-groups/research-entities/metadata-representations/org-unit/org-unit-item-metadata-list-element.component.html

@@ -1,7 +1,7 @@
 <ng-template #descTemplate>
   <span class="text-muted">
       <span class="item-list-job-title">
-        <span [innerHTML]="mdRepresentation.firstMetadataValue(['dc.description'], undefined, true)"></span>
+        <span [innerHTML]="mdRepresentation.firstMetadataValue(['dc.description'], undefined, true)" [attr.lang]="mdRepresentation.firstMetadata(['dc.description'])?.language | dsLang"></span>
       </span>
   </span>
 </ng-template>