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