[DURACOM-507] adapt translation prefix, add dso-edit-menu where context menu was, add min width for dynamic thumbnail component

Author: FrancescoMolinaro

src/app/dynamic-layout/dynamic-layout-leading/dynamic-layout-leading.component.html

@@ -1,9 +1,10 @@
 <div id="dynamic-layout-leading" class="d-flex flex-column mt-5 mb-3">
-  <div class="container text-end mb-3">
-    @if (showContextMenu) {
-      <!-- TODO: replace context menu with DSpace menu -->
-    }
-  </div>
+  @if (showContextMenu) {
+    <div class="container d-flex justify-content-end mb-3">
+      <ds-dso-edit-menu></ds-dso-edit-menu>
+    </div>
+  }
+
   @if (tab) {
     <ds-dynamic-layout-matrix [tab]="tab" [item]="item"></ds-dynamic-layout-matrix>
   }

src/app/dynamic-layout/dynamic-layout-leading/dynamic-layout-leading.component.ts

@@ -6,13 +6,15 @@ import {
 
 import { DynamicLayoutTab } from '../../core/layout/models/tab.model';
 import { Item } from '../../core/shared/item.model';
+import { DsoEditMenuComponent } from '../../shared/dso-page/dso-edit-menu/dso-edit-menu.component';
 import { DynamicLayoutMatrixComponent } from '../dynamic-layout-matrix/dynamic-layout-matrix.component';
 
 @Component({
   selector: 'ds-dynamic-layout-leading',
   templateUrl: './dynamic-layout-leading.component.html',
   styleUrls: ['./dynamic-layout-leading.component.scss'],
   imports: [
+    DsoEditMenuComponent,
     DynamicLayoutMatrixComponent,
   ],
 })

src/app/dynamic-layout/dynamic-layout-loader/dynamic-layout-horizontal/dynamic-layout-horizontal.component.html

@@ -3,8 +3,8 @@
   <div class="pt-4">
     <div class="d-flex flex-column">
       @if (showContextMenu) {
-        <div class="container text-end mb-3">
-          <!-- TODO: replace context menu with DSpace menu -->
+        <div class="container  d-flex justify-content-end mb-3">
+          <ds-dso-edit-menu></ds-dso-edit-menu>
         </div>
       }
       @if (selectedTab$.value) {

src/app/dynamic-layout/dynamic-layout-loader/dynamic-layout-horizontal/dynamic-layout-horizontal.component.ts

@@ -7,6 +7,7 @@ import { DynamicLayoutTab } from '@dspace/core/layout/models/tab.model';
 import { Item } from '@dspace/core/shared/item.model';
 import { BehaviorSubject } from 'rxjs';
 
+import { DsoEditMenuComponent } from '../../../shared/dso-page/dso-edit-menu/dso-edit-menu.component';
 import { DynamicLayoutMatrixComponent } from '../../dynamic-layout-matrix/dynamic-layout-matrix.component';
 import { DynamicLayoutNavbarComponent } from './dynamic-layout-navbar/dynamic-layout-navbar.component';
 
@@ -16,6 +17,7 @@ import { DynamicLayoutNavbarComponent } from './dynamic-layout-navbar/dynamic-la
   styleUrls: ['./dynamic-layout-horizontal.component.scss'],
   imports: [
     AsyncPipe,
+    DsoEditMenuComponent,
     DynamicLayoutMatrixComponent,
     DynamicLayoutNavbarComponent,
   ],

src/app/dynamic-layout/dynamic-layout-loader/dynamic-layout-vertical/dynamic-layout-vertical.component.html

@@ -3,8 +3,8 @@
     <div class="vertical-layout">
       <ds-dynamic-layout-sidebar (selectedTabChange)="selectedTabChanged($event)" [showNav]="tabs.length > 1" [tabs]="tabs" [item]="item">
         @if (showContextMenu) {
-          <div class="container text-end mb-3" [class.px-0]="tabs?.length > 1">
-            <!-- TODO: replace context menu with DSpace menu -->
+          <div class="container d-flex justify-content-end mb-3" [class.px-0]="tabs?.length > 1">
+            <ds-dso-edit-menu></ds-dso-edit-menu>
           </div>
         }
         <ds-dynamic-layout-matrix [showCellPadding]="tabs?.length <= 1" [tab]="(selectedTab$ | async)" [item]="item"></ds-dynamic-layout-matrix>

src/app/dynamic-layout/dynamic-layout-loader/dynamic-layout-vertical/dynamic-layout-vertical.component.ts

@@ -10,6 +10,7 @@ import {
   Observable,
 } from 'rxjs';
 
+import { DsoEditMenuComponent } from '../../../shared/dso-page/dso-edit-menu/dso-edit-menu.component';
 import { HostWindowService } from '../../../shared/host-window.service';
 import { DynamicLayoutMatrixComponent } from '../../dynamic-layout-matrix/dynamic-layout-matrix.component';
 import { DynamicLayoutNavbarComponent } from '../dynamic-layout-horizontal/dynamic-layout-navbar/dynamic-layout-navbar.component';
@@ -21,6 +22,7 @@ import { DynamicLayoutSidebarComponent } from './dynamic-layout-sidebar/dynamic-
   styleUrls: ['./dynamic-layout-vertical.component.scss'],
   imports: [
     AsyncPipe,
+    DsoEditMenuComponent,
     DynamicLayoutMatrixComponent,
     DynamicLayoutNavbarComponent,
     DynamicLayoutSidebarComponent,

src/app/dynamic-layout/dynamic-layout-matrix/dynamic-layout-box-container/boxes/metadata/rendering-types/thumbnail/thumbnail.component.html

@@ -1,6 +1,8 @@
 @if ((initialized | async)) {
-  <ds-thumbnail data-test="thumbnail"
-    [thumbnail]="thumbnail$ | async"
-    [defaultImage]="default$ | async">
-  </ds-thumbnail>
+  <div class="thumbnail-container">
+    <ds-thumbnail data-test="thumbnail"
+                  [thumbnail]="thumbnail$ | async"
+                  [defaultImage]="default$ | async">
+    </ds-thumbnail>
+  </div>
 }

src/app/dynamic-layout/dynamic-layout-matrix/dynamic-layout-box-container/boxes/metadata/rendering-types/thumbnail/thumbnail.component.scss

@@ -0,0 +1,3 @@
+.thumbnail-container {
+  min-width: var(--ds-thumbnail-max-width);
+}

src/assets/i18n/en.json5

@@ -1791,47 +1791,47 @@
 
   "curation-task.task.citationpage.label": "Generate Citation Page",
 
-  "cris-layout.toggle.open": "Open section",
+  "dynamic-layout.toggle.open": "Open section",
 
-  "cris-layout.toggle.close": "Close section",
+  "dynamic-layout.toggle.close": "Close section",
 
-  "cris-layout.toggle.aria.open": "Expand {{sectionHeader}} section",
+  "dynamic-layout.toggle.aria.open": "Expand {{sectionHeader}} section",
 
-  "cris-layout.toggle.aria.close": "Collapse {{sectionHeader}} section",
+  "dynamic-layout.toggle.aria.close": "Collapse {{sectionHeader}} section",
 
-  "cris-layout.advanced-attachment.dc.title": "Name",
+  "dynamic-layout.advanced-attachment.dc.title": "Name",
 
-  "cris-layout.advanced-attachment.size": "Size",
+  "dynamic-layout.advanced-attachment.size": "Size",
 
-  "cris-layout.advanced-attachment.checksum": "Checksum",
+  "dynamic-layout.advanced-attachment.checksum": "Checksum",
 
-  "cris-layout.advanced-attachment.checksum.info.MD5": "The <b>MD5 message-digest algorithm</b> can be used to verify the integrity of the file that you have uploaded. You can calculate its value locally via tools that are generally available in each operative system like <b>md5sum</b>",
+  "dynamic-layout.advanced-attachment.checksum.info.MD5": "The <b>MD5 message-digest algorithm</b> can be used to verify the integrity of the file that you have uploaded. You can calculate its value locally via tools that are generally available in each operative system like <b>md5sum</b>",
 
-  "cris-layout.advanced-attachment.format": "Format",
+  "dynamic-layout.advanced-attachment.format": "Format",
 
-  "cris-layout.advanced-attachment.dc.type": "Type",
+  "dynamic-layout.advanced-attachment.dc.type": "Type",
 
-  "cris-layout.advanced-attachment.dc.description": "Description",
+  "dynamic-layout.advanced-attachment.dc.description": "Description",
 
-  "cris-layout.advanced-attachment.no_thumbnail": "No Thumbnail Available",
+  "dynamic-layout.advanced-attachment.no_thumbnail": "No Thumbnail Available",
 
-  "cris-layout.advanced-attachment.download": "Download",
+  "dynamic-layout.advanced-attachment.download": "Download",
 
-  "cris-layout.advanced-attachment.requestACopy": "Request a copy",
+  "dynamic-layout.advanced-attachment.requestACopy": "Request a copy",
 
-  "cris-layout.advanced-attachment.viewMore": "View More",
+  "dynamic-layout.advanced-attachment.viewMore": "View More",
 
-  "cris-layout.advanced-attachment.label.not-present": "(not present)",
+  "dynamic-layout.advanced-attachment.label.not-present": "(not present)",
 
-  "cris-layout.attachment.viewMore": "View More",
+  "dynamic-layout.attachment.viewMore": "View More",
 
-  "cris-layout.rendering.collections.owning-collection.label": "Owning collection",
+  "dynamic-layout.rendering.collections.owning-collection.label": "Owning collection",
 
-  "cris-layout.rendering.collections.mapped-collection.label": "Mapped collections",
+  "dynamic-layout.rendering.collections.mapped-collection.label": "Mapped collections",
 
-  "cris-layout.rendering.collections.loading": "Loading...",
+  "dynamic-layout.rendering.collections.loading": "Loading...",
 
-  "cris-layout.rendering.collections.load-more": "Load more",
+  "dynamic-layout.rendering.collections.load-more": "Load more",
 
   "curation-task.task.checklinks.label": "Check Links in Metadata",