From a7fa811012944e8554b6a705449d5840349a72b3 Mon Sep 17 00:00:00 2001 From: jojohoch <joachim.hoch@iqb.hu-berlin.de> Date: Thu, 10 Mar 2022 10:53:31 +0100 Subject: [PATCH] [editor] Display total page width in page properties dialog Change translation key and meaning from 'typeAreaWidth' to 'sectionWidth' --- .../src/app/components/unit-view/unit-view.component.html | 5 ++++- projects/editor/src/assets/i18n/de.json | 3 ++- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/projects/editor/src/app/components/unit-view/unit-view.component.html b/projects/editor/src/app/components/unit-view/unit-view.component.html index b7acadfee..2bdeef3e2 100644 --- a/projects/editor/src/app/components/unit-view/unit-view.component.html +++ b/projects/editor/src/app/components/unit-view/unit-view.component.html @@ -52,8 +52,11 @@ (change)="updateModel(page, 'hasMaxWidth', $any($event.source).checked)"> {{'pageProperties.maxWidth' | translate }} </mat-checkbox> + <div *ngIf="page.hasMaxWidth" class="menuItem"> + {{'pageProperties.pageWidth' | translate}}: {{page.maxWidth + 2 * page.margin}}px + </div> <mat-form-field *ngIf="page.hasMaxWidth" class="menuItem" appearance="fill"> - <mat-label>{{'pageProperties.typeAreaWidth' | translate }}</mat-label> + <mat-label>{{'pageProperties.sectionWidth' | translate }}</mat-label> <input matInput type="number" min="0" #maxWidth="ngModel" [ngModel]="page.maxWidth" (click)="$any($event).stopPropagation()" diff --git a/projects/editor/src/assets/i18n/de.json b/projects/editor/src/assets/i18n/de.json index 0c4f8c895..a7bb8bf76 100644 --- a/projects/editor/src/assets/i18n/de.json +++ b/projects/editor/src/assets/i18n/de.json @@ -29,7 +29,8 @@ }, "pageProperties": { "maxWidth": "Maximalbreite", - "typeAreaWidth": "Satzspiegelbreite", + "sectionWidth": "Abschnittbreite", + "pageWidth": "Seitenbreite", "marginWidth": "Randbreite", "backgroundColor": "Hintergrundfarbe", "alwaysVisible": "Immer angezeigt", -- GitLab