From 39e8366108f110d1a5ce5f14d5eb4b311b4fb3e9 Mon Sep 17 00:00:00 2001
From: Sonja Happ <sonja.happ@eonerc.rwth-aachen.de>
Date: Wed, 18 Mar 2020 13:13:43 +0100
Subject: [PATCH] fix aspect ratio editing

---
 .../edit-widget/edit-widget-aspect-control.js | 20 +++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/src/widget/edit-widget/edit-widget-aspect-control.js b/src/widget/edit-widget/edit-widget-aspect-control.js
index 4152dbb..5a855c2 100644
--- a/src/widget/edit-widget/edit-widget-aspect-control.js
+++ b/src/widget/edit-widget/edit-widget-aspect-control.js
@@ -27,11 +27,7 @@ class EditWidgetAspectControl extends React.Component {
     super(props);
 
     this.state = {
-      widget: {
-        customProperties:{
-        isLocked: true
-        }
-      }
+      widget: {}
     };
   }
 
@@ -42,9 +38,21 @@ class EditWidgetAspectControl extends React.Component {
   }
 
   render() {
+    let parts = this.props.controlId.split('.');
+    let isCustomProperty = true;
+    if (parts.length === 1){
+      isCustomProperty = false;
+    }
+
     return (
       <FormGroup>
-        <FormCheck id="lockAspect" checked={this.state.widget.customProperties.isLocked} onChange={e => this.props.handleChange(e)}>Lock Aspect</FormCheck>
+        <FormCheck
+          type='checkbox'
+          id={this.props.controlId}
+          checked={isCustomProperty ?  this.state.widget[parts[0]][parts[1]] : this.state.widget[this.props.controlId]}
+          label={"Lock Aspect Ratio"}
+          onChange={e => this.props.handleChange(e)}>
+        </FormCheck>
       </FormGroup>
     );
   }