From 27c2a7ece03a2a9b29ae8beb8853aea0ecbc6a78 Mon Sep 17 00:00:00 2001
From: rhenck <richard.henck@iqb.hu-berlin.de>
Date: Wed, 30 Nov 2022 15:17:51 +0100
Subject: [PATCH] Add math-editor label

---
 .../common/components/input-elements/math-field.component.ts   | 1 +
 projects/common/math-editor.module.ts                          | 3 ++-
 .../input-groups/preset-value-properties.component.ts          | 2 +-
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/projects/common/components/input-elements/math-field.component.ts b/projects/common/components/input-elements/math-field.component.ts
index 808791155..df1165464 100644
--- a/projects/common/components/input-elements/math-field.component.ts
+++ b/projects/common/components/input-elements/math-field.component.ts
@@ -9,6 +9,7 @@ import { MathFieldElement } from 'common/models/elements/input-elements/math-fie
 @Component({
   selector: 'aspect-math-field',
   template: `
+    <label>{{elementModel.label}}</label><br>
     <aspect-mathlive-math-field [value]="$any(elementModel.value) | getValue: elementFormControl.value : parentForm"
                                 [enableModeSwitch]="elementModel.enableModeSwitch"
                                 (input)="elementFormControl.setValue($any($event.target).value)"
diff --git a/projects/common/math-editor.module.ts b/projects/common/math-editor.module.ts
index 6e8b5598a..4c459e468 100644
--- a/projects/common/math-editor.module.ts
+++ b/projects/common/math-editor.module.ts
@@ -12,7 +12,8 @@ import { MatButtonToggleChange, MatButtonToggleModule } from '@angular/material/
   selector: 'aspect-mathlive-math-field',
   template: `
     <mat-button-toggle-group *ngIf="enableModeSwitch"
-                             [value]="this.mathFieldElement.mode" (change)="setParseMode($event)">
+                             [value]="mathFieldElement.mode"
+                             (change)="setParseMode($event)">
       <mat-button-toggle value="math">Formel</mat-button-toggle>
       <mat-button-toggle value="text">Text</mat-button-toggle>
     </mat-button-toggle-group>
diff --git a/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/preset-value-properties.component.ts b/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/preset-value-properties.component.ts
index 9d629a8e2..c0be38406 100644
--- a/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/preset-value-properties.component.ts
+++ b/projects/editor/src/app/components/properties-panel/model-properties-tab/input-groups/preset-value-properties.component.ts
@@ -35,7 +35,7 @@ import { CombinedProperties } from 'editor/src/app/components/properties-panel/e
     </mat-form-field>
 
     <ng-container *ngIf="combinedProperties.type === 'math-field'">
-      <mat-label>{{'preset' | translate }}</mat-label>
+      <mat-label>{{'preset' | translate }}</mat-label><br>
       <aspect-mathlive-math-field [value]="$any(combinedProperties).value"
                                   [enableModeSwitch]="true"
                                   (input)="updateModel.emit({property: 'value', value: $any($event.target).value })">
-- 
GitLab