Use serialized parameters when building elements

Before the defaults were simply set on any field regardless of the 
passed object.

projects/common/models/button-element.ts

@@ -20,7 +20,7 @@ export class ButtonElement extends UIElement implements FontElement, SurfaceUIEl
   constructor(serializedElement: UIElement, coordinates?: { x: number; y: number }) {
     super(serializedElement, coordinates);
     Object.assign(this, serializedElement);
-    Object.assign(this, initFontElement());
-    Object.assign(this, initSurfaceElement());
+    Object.assign(this, initFontElement(serializedElement));
+    Object.assign(this, initSurfaceElement(serializedElement));
   }
 }

projects/common/models/checkbox-element.ts

@@ -15,8 +15,8 @@ export class CheckboxElement extends InputElement implements FontElement, Surfac
   constructor(serializedElement: UIElement, coordinates?: { x: number; y: number }) {
     super(serializedElement, coordinates);
     Object.assign(this, serializedElement);
-    Object.assign(this, initFontElement());
-    Object.assign(this, initSurfaceElement());
+    Object.assign(this, initFontElement(serializedElement));
+    Object.assign(this, initSurfaceElement(serializedElement));
 
     this.value = serializedElement.value as boolean || false; // booleans are always initialized false
 

projects/common/models/dropdown-element.ts

@@ -18,8 +18,8 @@ export class DropdownElement extends InputElement implements FontElement, Surfac
   constructor(serializedElement: UIElement, coordinates?: { x: number; y: number }) {
     super(serializedElement, coordinates);
     Object.assign(this, serializedElement);
-    Object.assign(this, initFontElement());
-    Object.assign(this, initSurfaceElement());
+    Object.assign(this, initFontElement(serializedElement));
+    Object.assign(this, initSurfaceElement(serializedElement));
 
     this.height = serializedElement.height || 83;
   }

projects/common/models/radio-button-group-element.ts

@@ -18,8 +18,8 @@ export class RadioButtonGroupElement extends InputElement implements FontElement
   constructor(serializedElement: UIElement, coordinates?: { x: number; y: number }) {
     super(serializedElement, coordinates);
     Object.assign(this, serializedElement);
-    Object.assign(this, initFontElement());
-    Object.assign(this, initSurfaceElement());
+    Object.assign(this, initFontElement(serializedElement));
+    Object.assign(this, initSurfaceElement(serializedElement));
 
     this.height = serializedElement.height || 85;
     this.backgroundColor = serializedElement.backgroundColor as string || 'transparent';

projects/common/models/text-area-element.ts

@@ -20,8 +20,8 @@ export class TextAreaElement extends InputElement implements FontElement, Surfac
   constructor(serializedElement: UIElement, coordinates?: { x: number; y: number }) {
     super(serializedElement, coordinates);
     Object.assign(this, serializedElement);
-    Object.assign(this, initFontElement());
-    Object.assign(this, initSurfaceElement());
+    Object.assign(this, initFontElement(serializedElement));
+    Object.assign(this, initSurfaceElement(serializedElement));
 
     this.height = serializedElement.height || 132;
     this.backgroundColor = serializedElement.backgroundColor as string || 'transparent';

projects/common/models/text-element.ts

@@ -16,7 +16,7 @@ export class TextElement extends UIElement implements SurfaceUIElement {
   constructor(serializedElement: UIElement, coordinates?: { x: number; y: number }) {
     super(serializedElement, coordinates);
     Object.assign(this, serializedElement);
-    Object.assign(this, initSurfaceElement());
+    Object.assign(this, initSurfaceElement(serializedElement));
     this.fontColor = serializedElement.fontColor as string || 'black';
     this.font = serializedElement.font as string || 'Roboto';
     this.bold = serializedElement.bold as boolean || false;

projects/common/models/text-field-element.ts

@@ -27,8 +27,8 @@ export class TextFieldElement extends InputElement implements FontElement, Surfa
   constructor(serializedElement: UIElement, coordinates?: { x: number; y: number }) {
     super(serializedElement, coordinates);
     Object.assign(this, serializedElement);
-    Object.assign(this, initFontElement());
-    Object.assign(this, initSurfaceElement());
+    Object.assign(this, initFontElement(serializedElement));
+    Object.assign(this, initSurfaceElement(serializedElement));
 
     this.height = serializedElement.height || 100;
     this.backgroundColor = serializedElement.backgroundColor as string || 'transparent';

projects/common/util/unit-interface-initializer.ts

 import { FontElement, SurfaceUIElement } from '../interfaces/UIElementInterfaces';
+import { UIElement } from '../models/uI-element';
 
-export function initFontElement(): FontElement {
+export function initFontElement(serializedElement: UIElement): FontElement {
   return {
-    fontColor: 'black',
-    font: 'Roboto',
-    fontSize: 18,
-    bold: false,
-    italic: false,
-    underline: false
+    fontColor: serializedElement.fontColor as string || 'black',
+    font: serializedElement.font as string || 'Roboto',
+    fontSize: serializedElement.fontSize as number || 18,
+    bold: serializedElement.bold as boolean || false,
+    italic: serializedElement.italic as boolean || false,
+    underline: serializedElement.underline as boolean || false
   };
 }
 
-export function initSurfaceElement(): SurfaceUIElement {
-  return { backgroundColor: 'lightgrey' };
+export function initSurfaceElement(serializedElement: UIElement): SurfaceUIElement {
+  return { backgroundColor: serializedElement.backgroundColor as string || 'lightgrey' };
 }