From f50e3e6ea4e34ac93e2159a2e6fac2e9351ca7fc Mon Sep 17 00:00:00 2001
From: rhenck <richard.henck@iqb.hu-berlin.de>
Date: Mon, 29 Nov 2021 12:18:39 +0100
Subject: [PATCH] Add position props to cloze element

---
 .../common/ui-elements/cloze/cloze-element.ts   | 17 ++++++++++++++---
 1 file changed, 14 insertions(+), 3 deletions(-)

diff --git a/projects/common/ui-elements/cloze/cloze-element.ts b/projects/common/ui-elements/cloze/cloze-element.ts
index fcc11f406..cd803cf02 100644
--- a/projects/common/ui-elements/cloze/cloze-element.ts
+++ b/projects/common/ui-elements/cloze/cloze-element.ts
@@ -1,17 +1,26 @@
 import {
-  CompoundElement, FontElement, FontProperties, InputElement, InputElementValue, LikertColumn, LikertRow, UIElement
+  CompoundElement,
+  FontElement,
+  FontProperties,
+  InputElement,
+  InputElementValue,
+  LikertColumn,
+  LikertRow,
+  PositionedElement, PositionProperties,
+  UIElement
 } from '../../models/uI-element';
 import { TextFieldElement } from '../text-field/text-field-element';
 import { TextAreaElement } from '../text-area/text-area-element';
 import { CheckboxElement } from '../checkbox/checkbox-element';
 import { DropdownElement } from '../dropdown/dropdown-element';
 import { DropListElement } from '../drop-list/drop-list';
-import { initFontElement } from '../../util/unit-interface-initializer';
+import { initFontElement, initPositionedElement } from '../../util/unit-interface-initializer';
 import { TextFieldSimpleElement } from '../textfield-simple/text-field-simple-element';
+import { DropListSimpleElement } from '../drop-list-simple/drop-list-simple';
 
 // TODO styles like em dont continue after inserted components
 
-export class ClozeElement extends CompoundElement implements FontElement {
+export class ClozeElement extends CompoundElement implements PositionedElement, FontElement {
   text: string = '<p>Lorem ipsum dolor \\z sdfsdf \\i sdfsdf</p>';
   parts: {
     type: string;
@@ -21,11 +30,13 @@ export class ClozeElement extends CompoundElement implements FontElement {
 
   childElements: InputElement[] = [];
 
+  positionProps: PositionProperties;
   fontProps: FontProperties;
 
   constructor(serializedElement: UIElement) {
     super(serializedElement);
     Object.assign(this, serializedElement);
+    this.positionProps = initPositionedElement(serializedElement);
     this.fontProps = initFontElement(serializedElement);
     this.height = 200;
     this.width = 500; // TODO
-- 
GitLab