From 1b2e5d0bdd5a752acdf2276fadf3a1d507157165 Mon Sep 17 00:00:00 2001
From: irismarie <Ikoester@eonerc.rwth-aachen.de>
Date: Fri, 16 Apr 2021 14:08:52 +0200
Subject: [PATCH] show locked state on Dashboard page

---
 src/dashboard/dashboard.js | 16 +++++++++++++++-
 1 file changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/dashboard/dashboard.js b/src/dashboard/dashboard.js
index a68363a..9462bad 100644
--- a/src/dashboard/dashboard.js
+++ b/src/dashboard/dashboard.js
@@ -27,6 +27,7 @@ import WidgetContextMenu from '../widget/widget-context-menu';
 import WidgetToolbox from '../widget/widget-toolbox';
 import WidgetArea from '../widget/widget-area';
 import DashboardButtonGroup from './dashboard-button-group';
+import IconToggleButton from '../common/icon-toggle-button';
 
 import DashboardStore from './dashboard-store';
 import SignalStore from '../signal/signal-store'
@@ -493,7 +494,20 @@ class Dashboard extends Component {
     return (<div className={boxClasses} >
       <div className='section-header box-header'>
         <div className="section-title">
-          <h2>{this.state.dashboard.name}</h2>
+          <h2>
+            {this.state.dashboard.name}
+            <span className='icon-button'>
+              <IconToggleButton
+                ikey={0}
+                checked={this.state.locked}
+                checkedIcon='lock'
+                uncheckedIcon='lock-open'
+                tooltipChecked='Dashboard is locked, cannot be edited'
+                tooltipUnchecked='Dashboard is unlocked, can be edited'
+                disabled={true}
+              />
+            </span>
+          </h2>
         </div>
 
           <DashboardButtonGroup