From 79f14a5262fdef87828b6711cdb98e8a03c27eff Mon Sep 17 00:00:00 2001
From: Laura Fuentes Grau <laurafuentesgrau@gmail.com>
Date: Sat, 30 Jan 2021 17:15:35 +0100
Subject: [PATCH] Time Offset Widget: user can blend in/out name of IC

---
 src/widget/edit-widget/edit-widget-control-creator.js | 3 ++-
 src/widget/widget-factory.js                          | 1 +
 src/widget/widgets/time-offset.js                     | 5 ++++-
 3 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/widget/edit-widget/edit-widget-control-creator.js b/src/widget/edit-widget/edit-widget-control-creator.js
index 5617d26..d2ee3fc 100644
--- a/src/widget/edit-widget/edit-widget-control-creator.js
+++ b/src/widget/edit-widget/edit-widget-control-creator.js
@@ -170,7 +170,8 @@ export default function CreateControls(widgetType = null, widget = null, session
                 <EditWidgetNumberControl key={1} widget={widget} controlId={'customProperties.threshold_yellow'} label={'Threshold yellow'} defaultValue={0} handleChange={(e) => handleChange(e)} />,
                 <EditWidgetNumberControl key={2} widget={widget} controlId={'customProperties.threshold_red'} label={'Threshold red'} defaultValue={0} handleChange={(e) => handleChange(e)} />,
                 <EditWidgetCheckboxControl key={3} widget={widget} controlId={'customProperties.horizontal'} input text="Horizontal" handleChange={e => handleChange(e)} />,
-                <EditWidgetCheckboxControl key={4} widget={widget} controlId={'customProperties.showOffset'} input text="showOffset" handleChange={e => handleChange(e)} />,
+                <EditWidgetCheckboxControl key={4} widget={widget} controlId={'customProperties.showName'} input text="showName" handleChange={e => handleChange(e)} />,
+                <EditWidgetCheckboxControl key={5} widget={widget} controlId={'customProperties.showOffset'} input text="showOffset" handleChange={e => handleChange(e)} />,
             );
             break;
 
diff --git a/src/widget/widget-factory.js b/src/widget/widget-factory.js
index 4bb4aaf..f3c804e 100644
--- a/src/widget/widget-factory.js
+++ b/src/widget/widget-factory.js
@@ -209,6 +209,7 @@ class WidgetFactory {
                 widget.customProperties.horizontal = true;
                 widget.customProperties.showOffset = true;
                 widget.customProperties.lockAspect = true;
+                widget.customProperties.showName = true;
                 break;
 
             default:
diff --git a/src/widget/widgets/time-offset.js b/src/widget/widgets/time-offset.js
index 6c6569b..3682da8 100644
--- a/src/widget/widgets/time-offset.js
+++ b/src/widget/widgets/time-offset.js
@@ -71,7 +71,10 @@ class WidgetTimeOffset extends Component {
       <div className="time-offset">
       {this.props.widget.customProperties.icID !== -1 ? 
       (<span></span>) : (<span>no IC</span>)
-      }  
+      }
+      {this.props.widget.customProperties.icID !== -1 && this.props.widget.customProperties.showName ? 
+      (<span>{this.state.icName}</span>) : (<span></span>)
+      }    
       <OverlayTrigger key={0} placement={'left'} overlay={<Tooltip id={`tooltip-${"traffic-light"}`}>
       {this.props.widget.customProperties.icID !== -1 ? 
       (<span>{this.state.icName}<br></br>Offset: {this.state.timeOffset + "s"}</span>)