hide annotations for new descriptions and description template previews

dmp-frontend/src/app/ui/admin/description-template/description-template-preview/description-template-preview-dialog.component.html

@@ -8,7 +8,7 @@
 		<mat-progress-bar color="primary" mode="indeterminate"></mat-progress-bar>
 	</div>
 	<div mat-dialog-content class="definition-content">
-		<app-description-form *ngIf="formGroup && formGroup.get('properties')" [propertiesFormGroup]="previewPropertiesFormGroup" [descriptionId]="descriptionId" [descriptionTemplate]="descriptionTemplate" [visibilityRulesService]="visibilityRulesService"></app-description-form>
+		<app-description-form *ngIf="formGroup && formGroup.get('properties')" [propertiesFormGroup]="previewPropertiesFormGroup" [descriptionId]="descriptionId" [descriptionTemplate]="descriptionTemplate" [visibilityRulesService]="visibilityRulesService" [isNew]="true"></app-description-form>
 	</div>
 	<div mat-mat-dialog-actions *ngIf="formGroup">
 		<div class="col-auto d-flex pb-4 pt-2">

dmp-frontend/src/app/ui/admin/description-template/editor/components/composite-field/description-template-editor-composite-field.component.html

@@ -104,7 +104,7 @@
 						</div>
 						<div [id]="'preview_container'+ form.get('id').value" class="row">
 							<div *ngIf="previewFieldSet && showPreview && firstField?.get('data')?.get('fieldType')?.value" class="col-12" [@fade-in-fast]>
-								<app-description-form-field-set class="w-100" [propertiesFormGroup]="previewPropertiesFormGroup" [fieldSet]="previewFieldSet" [visibilityRulesService]="visibilityRulesService"></app-description-form-field-set>
+								<app-description-form-field-set class="w-100" [propertiesFormGroup]="previewPropertiesFormGroup" [fieldSet]="previewFieldSet" [visibilityRulesService]="visibilityRulesService" [hideAnnotations]="true"></app-description-form-field-set>
 							</div>
 						</div>
 					</div>

dmp-frontend/src/app/ui/admin/description-template/editor/components/final-preview/final-preview.component.html

@@ -1 +1 @@
-<app-description-form *ngIf="previewPropertiesFormGroup" [propertiesFormGroup]="previewPropertiesFormGroup" [descriptionTemplate]="descriptionTemplate" [visibilityRulesService]="visibilityRulesService"></app-description-form>
+<app-description-form *ngIf="previewPropertiesFormGroup" [propertiesFormGroup]="previewPropertiesFormGroup" [descriptionTemplate]="descriptionTemplate" [visibilityRulesService]="visibilityRulesService" [isNew]="true"></app-description-form>

dmp-frontend/src/app/ui/admin/description-template/editor/components/section-fieldset/description-template-editor-section-fieldset.component.html

@@ -65,7 +65,8 @@
 							[hasFocus]="fieldset.get('id').value === selectedFieldSetId"
 							[datasetProfileId]="datasetProfileId"
 							[validationErrorModel]="validationErrorModel"
-							[validationRootPath]="validationRootPath + '.fieldSets[' + i + ']'">
+							[validationRootPath]="validationRootPath + '.fieldSets[' + i + ']'"
+							>
 						</app-description-template-editor-composite-field-component>
 					</mat-card-content>
 				</mat-card>

dmp-frontend/src/app/ui/description/editor/description-editor.component.html

@@ -149,7 +149,9 @@
 					[hidden]="this.step === 0"
 					[linkToScroll]="linkToScroll"
 					[validationErrorModel]="editorModel.validationErrorModel"
-					(fieldsetFocusChange)="fieldsetIdWithFocus = $event"></app-description-form>
+					[isNew]="isNew"
+					(fieldsetFocusChange)="fieldsetIdWithFocus = $event"
+					></app-description-form>
 				</div>
 			</div>
 		</form>

dmp-frontend/src/app/ui/description/editor/description-form/components/form-field-set/form-field-set.component.html

@@ -5,7 +5,7 @@
 				<div class="col">
 					<app-description-form-field-set-title class="row" [fieldSet]="fieldSet" [path]="path" [isChild]="isChild"></app-description-form-field-set-title>
 				</div>
-				<div class="col-auto">
+				<div *ngIf="!hideAnnotations" class="col-auto">
 					<button mat-icon-button class="col-auto annotation-icon" (click)="showAnnotations(fieldSet.id)" [disabled]="propertiesFormGroup.disabled">
 						<mat-icon matTooltip="{{'DATASET-EDITOR.QUESTION.EXTENDED-DESCRIPTION.ANNOTATIONS' | translate}}" [matBadge]="annotationsCount" [matBadgeHidden]="annotationsCount <= 0" matBadgeColor="warn">comment</mat-icon>
 					</button>

dmp-frontend/src/app/ui/description/editor/description-form/components/form-field-set/form-field-set.component.ts

@@ -27,6 +27,7 @@ export class DescriptionFormFieldSetComponent extends BaseComponent {
 	@Input() fieldSet: DescriptionTemplateFieldSet;
 	@Input() propertiesFormGroup: UntypedFormGroup;
 	@Input() descriptionId: Guid;
+	@Input() hideAnnotations: boolean = false;
 
 	get isMultiplicityEnabled() {
 		return this.fieldSet.hasMultiplicity && this.fieldSet.multiplicity != null;

dmp-frontend/src/app/ui/description/editor/description-form/components/form-section/form-section.component.html

@@ -21,7 +21,9 @@
 							[path]="path + '.' + (i+1)"
 							[visibilityRulesService]="visibilityRulesService"
 							[validationErrorModel]="validationErrorModel"
-							[isChild]="false"></app-description-form-field-set>
+							[isChild]="false"
+							[hideAnnotations]="isNew"
+							></app-description-form-field-set>
 						</div>
 					</div>
 				</div>

dmp-frontend/src/app/ui/description/editor/description-form/components/form-section/form-section.component.ts

@@ -1,14 +1,4 @@
-import {
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, EventEmitter, Input, OnChanges, OnInit, Output, SimpleChanges } from '@angular/core';
-	ChangeDetectionStrategy,
-	ChangeDetectorRef,
-	Component,
-	EventEmitter,
-	Input,
-	OnChanges,
-	OnInit,
-	Output,
-	SimpleChanges
-} from '@angular/core';
 import { UntypedFormGroup } from '@angular/forms';
 import { DescriptionTemplateSection } from '@app/core/model/description-template/description-template';
 import { BaseComponent } from '@common/base/base.component';
@@ -28,6 +18,7 @@ import { Guid } from '@common/types/guid';
 })
 export class DescriptionFormSectionComponent extends BaseComponent implements OnInit, OnChanges {
 
+	@Input() isNew: boolean = false;
 	@Input() section: DescriptionTemplateSection;
 	@Input() propertiesFormGroup: UntypedFormGroup;
 	@Input() visibilityRulesService: VisibilityRulesService;

dmp-frontend/src/app/ui/description/editor/description-form/description-form.component.html

@@ -15,7 +15,7 @@
 							</mat-expansion-panel-header>
 							<ng-container *ngFor="let section of page.sections; let i = index;">
 								<div class="row" *ngIf="visibilityRulesService.isVisibleMap[section.id]">
-									<app-description-form-section class="col-12" [section]="section" [path]="(z+1)+'.'+(i+1)" [pathName]="'pages.'+z+'.sections.'+i" [propertiesFormGroup]="propertiesFormGroup" [descriptionId]="descriptionId" [visibilityRulesService]="visibilityRulesService" (askedToScroll)="onAskedToScroll(expansionPanel, $event)" [linkToScroll]="linkToScroll" [validationErrorModel]="validationErrorModel"></app-description-form-section>
+									<app-description-form-section class="col-12" [section]="section" [path]="(z+1)+'.'+(i+1)" [pathName]="'pages.'+z+'.sections.'+i" [propertiesFormGroup]="propertiesFormGroup" [descriptionId]="descriptionId" [visibilityRulesService]="visibilityRulesService" (askedToScroll)="onAskedToScroll(expansionPanel, $event)" [linkToScroll]="linkToScroll" [validationErrorModel]="validationErrorModel" [isNew]="isNew"></app-description-form-section>
 								</div>
 							</ng-container>
 						</mat-expansion-panel>

dmp-frontend/src/app/ui/description/editor/description-form/description-form.component.ts

@@ -20,8 +20,7 @@ export class DescriptionFormComponent extends BaseComponent implements OnInit, A
 	@Input() descriptionTemplate: DescriptionTemplate;
 	@Input() visibilityRulesService: VisibilityRulesService;
 	@Input() descriptionId: Guid;
-
+	@Input() isNew: boolean = false;
-
 
 	// @ViewChild('stepper', { static: false }) stepper: MatStepper;
 	@Input() path: string;