From e9fec81fcef742758bdf17a82e49b5cc50763d31 Mon Sep 17 00:00:00 2001 From: Florent POITTEVIN <poittevin.florent@gmail.com> Date: Wed, 24 Mar 2021 16:02:39 +0100 Subject: [PATCH] feat: 329 hide language on deposit link --- ...-form-description-link.presentational.html | 1 + ...cription-text-language.presentational.html | 32 ++++++++++--------- ...cription-text-language.presentational.scss | 4 +++ ...escription-text-language.presentational.ts | 4 +++ 4 files changed, 26 insertions(+), 15 deletions(-) diff --git a/src/app/features/deposit/components/presentationals/deposit-form-description-link/deposit-form-description-link.presentational.html b/src/app/features/deposit/components/presentationals/deposit-form-description-link/deposit-form-description-link.presentational.html index 0a7fe0103..d375edb18 100644 --- a/src/app/features/deposit/components/presentationals/deposit-form-description-link/deposit-form-description-link.presentational.html +++ b/src/app/features/deposit/components/presentationals/deposit-form-description-link/deposit-form-description-link.presentational.html @@ -14,6 +14,7 @@ [formGroup]="fd" [labelToTranslate]="labelTranslateEnum.description" [listLanguages]="listLanguages" + [hideLanguage]="true" ></aou-deposit-form-description-text-language> <mat-form-field *ngIf="formValidationHelper.getFormControl(f, formDefinition.type) as fd" diff --git a/src/app/features/deposit/components/presentationals/deposit-form-description-text-language/deposit-form-description-text-language.presentational.html b/src/app/features/deposit/components/presentationals/deposit-form-description-text-language/deposit-form-description-text-language.presentational.html index b457cedd9..fdb5cd501 100644 --- a/src/app/features/deposit/components/presentationals/deposit-form-description-text-language/deposit-form-description-text-language.presentational.html +++ b/src/app/features/deposit/components/presentationals/deposit-form-description-text-language/deposit-form-description-text-language.presentational.html @@ -24,20 +24,22 @@ <mat-error #errors></mat-error> </mat-form-field> -<mat-form-field *ngIf="getFormControl(formDefinition.lang) as fd" - [appearance]="appearanceInputMaterial" - [floatLabel]="positionLabelInputMaterial" - solidifyTooltipOnEllipsis -> - <mat-label>{{labelTranslateEnum.language | translate}}</mat-label> - <mat-select [formControl]="fd" - [required]="formValidationHelper.hasRequiredField(fd)" +<ng-template [ngIf]="!hideLanguage"> + <mat-form-field *ngIf="getFormControl(formDefinition.lang) as fd" + [appearance]="appearanceInputMaterial" + [floatLabel]="positionLabelInputMaterial" + solidifyTooltipOnEllipsis > - <mat-option *ngIf="isMandatoryLanguage | isFalse"></mat-option> - <mat-option *ngFor="let language of listLanguages" - [value]="language.resId" + <mat-label>{{labelTranslateEnum.language | translate}}</mat-label> + <mat-select [formControl]="fd" + [required]="formValidationHelper.hasRequiredField(fd)" > - {{language.labels | backtranslate}} - </mat-option> - </mat-select> -</mat-form-field> + <mat-option *ngIf="isMandatoryLanguage | isFalse"></mat-option> + <mat-option *ngFor="let language of listLanguages" + [value]="language.resId" + > + {{language.labels | backtranslate}} + </mat-option> + </mat-select> + </mat-form-field> +</ng-template> diff --git a/src/app/features/deposit/components/presentationals/deposit-form-description-text-language/deposit-form-description-text-language.presentational.scss b/src/app/features/deposit/components/presentationals/deposit-form-description-text-language/deposit-form-description-text-language.presentational.scss index 33c646d7b..ab6019cc1 100644 --- a/src/app/features/deposit/components/presentationals/deposit-form-description-text-language/deposit-form-description-text-language.presentational.scss +++ b/src/app/features/deposit/components/presentationals/deposit-form-description-text-language/deposit-form-description-text-language.presentational.scss @@ -5,3 +5,7 @@ grid-template-columns: 2fr 1fr; grid-gap: 20px; } + +:host(.hide-language) { + grid-template-columns: 1fr; +} diff --git a/src/app/features/deposit/components/presentationals/deposit-form-description-text-language/deposit-form-description-text-language.presentational.ts b/src/app/features/deposit/components/presentationals/deposit-form-description-text-language/deposit-form-description-text-language.presentational.ts index ec921e311..2ee4759b0 100644 --- a/src/app/features/deposit/components/presentationals/deposit-form-description-text-language/deposit-form-description-text-language.presentational.ts +++ b/src/app/features/deposit/components/presentationals/deposit-form-description-text-language/deposit-form-description-text-language.presentational.ts @@ -56,6 +56,10 @@ export class DepositFormDescriptionTextLanguagePresentational extends SharedAbst @Input() listLanguages: Language[]; + @Input() + @HostBinding("class.hide-language") + hideLanguage: boolean = false; + @HostBinding("class.disabled") disabled: boolean = false; @Input() -- GitLab