DSC-1817 Refactor the rendering from metadata to metadatagroup

Author: Mattia Vianelli

src/app/cris-layout/cris-layout-matrix/cris-layout-box-container/boxes/metadata/rendering-types/cc-license-large/cc-license-large.component.html

@@ -1,7 +1,8 @@
 <ds-item-page-cc-license-field
   [item]="item"
-  variant="full"
-  [ccLicenseNameField]="ccLicenseNameField"
-  [showTitle]="false"
-  [showName]="true">
+  [variant]="'full'"
+  [ccLicenseUriField]="dcRightsUri"
+  [ccLicenseNameField]="dcRights"
+  [showLabel]="false"
+  [showUrl]="true">
 </ds-item-page-cc-license-field>

src/app/cris-layout/cris-layout-matrix/cris-layout-box-container/boxes/metadata/rendering-types/cc-license-large/cc-license-large.component.ts

@@ -1,10 +1,14 @@
 import {
-  Component,
+  Component, Inject,
   Input,
 } from '@angular/core';
 
 import { ItemPageCcLicenseFieldComponent } from '../../../../../../../item-page/simple/field-components/specific-field/cc-license/item-page-cc-license-field.component';
 import { RenderingTypeValueModelComponent } from '../rendering-type-value.model';
+import {MetadataGroupComponent} from "../metadataGroup/metadata-group.component";
+import {LayoutField} from "../../../../../../../core/layout/models/box.model";
+import {Item} from "../../../../../../../core/shared/item.model";
+import {TranslateService} from "@ngx-translate/core";
 
 @Component({
   selector: 'ds-cc-license-large',
@@ -13,11 +17,24 @@ import { RenderingTypeValueModelComponent } from '../rendering-type-value.model'
   templateUrl: './cc-license-large.component.html',
   styleUrl: './cc-license-large.component.scss',
 })
-export class CcLicenseLargeComponent extends RenderingTypeValueModelComponent {
+export class CcLicenseLargeComponent extends MetadataGroupComponent {
 
-  /**
-   * Filed name containing the CC license name, as configured in the back-end, in the 'dspace.cfg' file, propertie
-   * 'cc.license.name'
-   */
-  @Input() ccLicenseNameField? = 'dc.rights';
+  dcRights: any;
+  dcRightsUri: any;
+
+  constructor(
+    @Inject('fieldProvider') public fieldProvider: LayoutField,
+    @Inject('itemProvider') public itemProvider: Item,
+    @Inject('renderingSubTypeProvider') public renderingSubTypeProvider: string,
+    @Inject('tabNameProvider') public tabNameProvider: string,
+    protected translateService: TranslateService,
+  ) {
+    super(fieldProvider, itemProvider, renderingSubTypeProvider, tabNameProvider, translateService);
+  }
+  ngOnInit(): void {
+    super.ngOnInit();
+    const ccLicenseEntryMetadata = this.componentsToBeRenderedMap.get(0);
+    [this.dcRights, this.dcRightsUri] = ccLicenseEntryMetadata.map((entryMeta) => entryMeta.field.metadata);
+
+  }
 }

src/app/cris-layout/cris-layout-matrix/cris-layout-box-container/boxes/metadata/rendering-types/cc-license-small/cc-license-small.component.html

@@ -1,7 +1,8 @@
 <ds-item-page-cc-license-field
   [item]="item"
-  variant="small"
-  [ccLicenseNameField]="ccLicenseNameField"
-  [showTitle]="false"
-  [showName]="false">
+  [variant]="'small'"
+  [ccLicenseUriField]="dcRightsUri"
+  [ccLicenseNameField]="dcRights"
+  [showLabel]="false"
+  [showUrl]="false">
 </ds-item-page-cc-license-field>

src/app/cris-layout/cris-layout-matrix/cris-layout-box-container/boxes/metadata/rendering-types/cc-license-small/cc-license-small.component.ts

@@ -1,10 +1,14 @@
 import {
-  Component,
+  Component, Inject,
   Input,
 } from '@angular/core';
 
 import { ItemPageCcLicenseFieldComponent } from '../../../../../../../item-page/simple/field-components/specific-field/cc-license/item-page-cc-license-field.component';
 import { RenderingTypeValueModelComponent } from '../rendering-type-value.model';
+import {MetadataGroupComponent} from "../metadataGroup/metadata-group.component";
+import {LayoutField} from "../../../../../../../core/layout/models/box.model";
+import {Item} from "../../../../../../../core/shared/item.model";
+import {TranslateService} from "@ngx-translate/core";
 
 @Component({
   selector: 'ds-cc-license-small',
@@ -13,11 +17,24 @@ import { RenderingTypeValueModelComponent } from '../rendering-type-value.model'
   templateUrl: './cc-license-small.component.html',
   styleUrl: './cc-license-small.component.scss',
 })
-export class CcLicenseSmallComponent extends RenderingTypeValueModelComponent {
+export class CcLicenseSmallComponent extends MetadataGroupComponent {
 
-  /**
-   * Filed name containing the CC license name, as configured in the back-end, in the 'dspace.cfg' file, propertie
-   * 'cc.license.name'
-   */
-  @Input() ccLicenseNameField? = 'dc.rights';
+  dcRights: any;
+  dcRightsUri: any;
+
+  constructor(
+  @Inject('fieldProvider') public fieldProvider: LayoutField,
+  @Inject('itemProvider') public itemProvider: Item,
+  @Inject('renderingSubTypeProvider') public renderingSubTypeProvider: string,
+  @Inject('tabNameProvider') public tabNameProvider: string,
+  protected translateService: TranslateService,
+) {
+  super(fieldProvider, itemProvider, renderingSubTypeProvider, tabNameProvider, translateService);
+}
+  ngOnInit(): void {
+    super.ngOnInit();
+    const ccLicenseEntryMetadata = this.componentsToBeRenderedMap.get(0);
+    [this.dcRights, this.dcRightsUri] = ccLicenseEntryMetadata.map((entryMeta) => entryMeta.field.metadata);
+
+  }
 }

src/app/cris-layout/cris-layout-matrix/cris-layout-box-container/boxes/metadata/rendering-types/field-rendering-type.ts

@@ -19,6 +19,6 @@ export enum FieldRenderingType {
   SIMPLEATTACHMENT = 'SIMPLEATTACHMENT',
   AUTHORITYLINK = 'AUTHORITYLINK',
   CCLICENSEFULL = 'CCLICENSEFULL',
-  CCLICENSESMALL = 'CCLICENSESMALL',
+  CCLICENSE = 'CCLICENSE',
 
 }

src/app/cris-layout/cris-layout-matrix/cris-layout-box-container/boxes/metadata/rendering-types/metadata-box-rendering-map.ts

@@ -71,7 +71,7 @@ export const layoutBoxesMap = new Map<FieldRenderingType, MetadataBoxFieldRender
     componentRef: CcLicenseLargeComponent,
     structured: false,
   } as MetadataBoxFieldRenderOptions],
-  [FieldRenderingType.CCLICENSESMALL, {
+  [FieldRenderingType.CCLICENSE, {
     componentRef: CcLicenseSmallComponent,
     structured: false,
   } as MetadataBoxFieldRenderOptions],

src/app/item-page/simple/field-components/specific-field/cc-license/item-page-cc-license-field.component.html

@@ -1,5 +1,5 @@
 <div *ngIf="uri && name" class="item-page-field">
-  <ds-metadata-field-wrapper [hideIfNoTextContent]="false" [label]="showTitle && ('item.page.cc.license.title' | translate)">
+  <ds-metadata-field-wrapper [hideIfNoTextContent]="false" [label]="showLabel && ('item.page.cc.license.title' | translate)">
     <div [ngClass]="{'row': variant === 'full', 'col': variant === 'small'}">
 
       <!-- 'img' tag is not rendered if any errors occurs when loading it -->
@@ -20,7 +20,7 @@
       <div [ngClass]="{ 'row': variant === 'small', 'col': variant === 'full' }">
         <span>
           {{ variant === 'full' && showDisclaimer ? ('item.page.cc.license.disclaimer' | translate) : '' }}
-          <a *ngIf="showName || !showImage" [href]="uri" target="_blank" id="cc-name">{{ name }}</a>
+          <a *ngIf="(showName || !showImage) && showUrl" [href]="uri" target="_blank" id="cc-name">{{ name }}</a>
         </span>
       </div>
     </div>

src/app/item-page/simple/field-components/specific-field/cc-license/item-page-cc-license-field.component.ts

@@ -60,6 +60,16 @@ export class ItemPageCcLicenseFieldComponent implements OnInit {
    */
   @Input() showTitle? = true;
 
+  /**
+   * Shows the label
+   */
+  @Input() showLabel? = true;
+
+  /**
+   * Shows the url
+   */
+  @Input() showUrl? = true;
+
   uri: string;
   name: string;
   showImage = true;