From e52fdd99a288773819e3e302568762f94b8deeb0 Mon Sep 17 00:00:00 2001
From: Laura Fuentes Grau <laurafuentesgrau@gmail.com>
Date: Fri, 4 Dec 2020 15:54:25 +0100
Subject: [PATCH] Time Offset Widget: dimensions now fit widget width / height

---
 src/widget/edit-widget/edit-widget.js | 5 +++++
 src/widget/widget-factory.js          | 4 ++--
 src/widget/widgets/time-offset.js     | 3 ++-
 3 files changed, 9 insertions(+), 3 deletions(-)

diff --git a/src/widget/edit-widget/edit-widget.js b/src/widget/edit-widget/edit-widget.js
index 0c1aad8..d416e24 100644
--- a/src/widget/edit-widget/edit-widget.js
+++ b/src/widget/edit-widget/edit-widget.js
@@ -141,6 +141,11 @@ class EditWidgetDialog extends React.Component {
         customProperty ? changeObject[parts[0]][parts[1]]= 'default' : changeObject[e.target.id] = 'default';
       }
       changeObject = this.setMaxWidth(changeObject);
+    } else if (parts[1]= 'horizontal'){
+      customProperty ? changeObject[parts[0]][parts[1]] = e.target.value : changeObject[e.target.id] = e.target.value ;
+      let tempWidth = changeObject.width;
+      changeObject.width = changeObject.height;
+      changeObject.height = tempWidth;
     } else {
       customProperty ? changeObject[parts[0]][parts[1]] = e.target.value : changeObject[e.target.id] = e.target.value ;
     }
diff --git a/src/widget/widget-factory.js b/src/widget/widget-factory.js
index ca16911..ab26514 100644
--- a/src/widget/widget-factory.js
+++ b/src/widget/widget-factory.js
@@ -198,8 +198,8 @@ class WidgetFactory {
             case 'TimeOffset':
                 widget.minWidth = 20;
                 widget.minHeight = 20;
-                widget.width = 60;
-                widget.height = 60;
+                widget.width = 100;
+                widget.height = 100;
                 widget.customProperties.threshold_yellow = 1;
                 widget.customProperties.threshold_red = 2;
                 widget.customProperties.icID = 1;
diff --git a/src/widget/widgets/time-offset.js b/src/widget/widgets/time-offset.js
index 46b2531..65b642c 100644
--- a/src/widget/widgets/time-offset.js
+++ b/src/widget/widgets/time-offset.js
@@ -52,7 +52,8 @@ class WidgetTimeOffset extends Component {
 
     return (
       <div className="time-offset">
-        <TrafficLight Horizontal={this.props.widget.customProperties.horizontal}
+        <span>IC: {this.state.icID}</span>
+        <TrafficLight Horizontal={this.props.widget.customProperties.horizontal} width={this.props.widget.width} height={this.props.widget.height}
         RedOn={this.props.widget.customProperties.threshold_red <= this.state.timeOffset}
         YellowOn={(this.props.widget.customProperties.threshold_yellow <= this.state.timeOffset) && (this.state.timeOffset < this.props.widget.customProperties.threshold_red)}
         GreenOn={this.state.timeOffset < this.props.widget.customProperties.threshold_yellow}