From 70631f3a112b86273fe6994910ed66607bffb67d Mon Sep 17 00:00:00 2001
From: Alex P <thealexpaxton@gmail.com>
Date: Wed, 25 Oct 2017 18:37:45 -0700
Subject: [PATCH] Override layout resize and drag functionality based on user
 authorization

---
 ui/src/shared/components/LayoutRenderer.js | 90 +++++++++++++---------
 1 file changed, 54 insertions(+), 36 deletions(-)

diff --git a/ui/src/shared/components/LayoutRenderer.js b/ui/src/shared/components/LayoutRenderer.js
index 42bcc22307..1faf1cca6e 100644
--- a/ui/src/shared/components/LayoutRenderer.js
+++ b/ui/src/shared/components/LayoutRenderer.js
@@ -4,6 +4,8 @@ import Resizeable from 'react-component-resizable'
 
 import _ from 'lodash'
 
+import Authorized, {EDITOR_ROLE} from 'src/auth/Authorized'
+
 import Layout from 'src/shared/components/Layout'
 
 import {
@@ -87,43 +89,59 @@ class LayoutRenderer extends Component {
 
     return (
       <Resizeable onResize={this.handleCellResize}>
-        <GridLayout
-          layout={cells}
-          cols={12}
-          rowHeight={rowHeight}
-          margin={[LAYOUT_MARGIN, LAYOUT_MARGIN]}
-          containerPadding={[0, 0]}
-          useCSSTransforms={false}
-          onResize={this.handleCellResize}
-          onLayoutChange={this.handleLayoutChange}
-          draggableHandle={'.dash-graph--name'}
-          isDraggable={isDashboard}
-          isResizable={isDashboard}
+        <Authorized
+          requiredRole={EDITOR_ROLE}
+          propsOverride={{
+            isDraggable: false,
+            isResizable: false,
+            draggableHandle: null,
+          }}
         >
-          {cells.map(cell =>
-            <div key={cell.i}>
-              <Layout
-                key={cell.i}
-                cell={cell}
-                host={host}
-                source={source}
-                onZoom={onZoom}
-                sources={sources}
-                templates={templates}
-                timeRange={timeRange}
-                isEditable={isEditable}
-                onEditCell={onEditCell}
-                resizeCoords={resizeCoords}
-                autoRefresh={autoRefresh}
-                manualRefresh={manualRefresh}
-                onDeleteCell={onDeleteCell}
-                synchronizer={synchronizer}
-                onCancelEditCell={onCancelEditCell}
-                onSummonOverlayTechnologies={onSummonOverlayTechnologies}
-              />
-            </div>
-          )}
-        </GridLayout>
+          <GridLayout
+            layout={cells}
+            cols={12}
+            rowHeight={rowHeight}
+            margin={[LAYOUT_MARGIN, LAYOUT_MARGIN]}
+            containerPadding={[0, 0]}
+            useCSSTransforms={false}
+            onResize={this.handleCellResize}
+            onLayoutChange={this.handleLayoutChange}
+            draggableHandle={'.dash-graph--name'}
+            isDraggable={isDashboard}
+            isResizable={isDashboard}
+          >
+            {cells.map(cell =>
+              <div key={cell.i}>
+                <Authorized
+                  requiredRole={EDITOR_ROLE}
+                  propsOverride={{
+                    isEditable: false,
+                  }}
+                >
+                  <Layout
+                    key={cell.i}
+                    cell={cell}
+                    host={host}
+                    source={source}
+                    onZoom={onZoom}
+                    sources={sources}
+                    templates={templates}
+                    timeRange={timeRange}
+                    isEditable={isEditable}
+                    onEditCell={onEditCell}
+                    resizeCoords={resizeCoords}
+                    autoRefresh={autoRefresh}
+                    manualRefresh={manualRefresh}
+                    onDeleteCell={onDeleteCell}
+                    synchronizer={synchronizer}
+                    onCancelEditCell={onCancelEditCell}
+                    onSummonOverlayTechnologies={onSummonOverlayTechnologies}
+                  />
+                </Authorized>
+              </div>
+            )}
+          </GridLayout>
+        </Authorized>
       </Resizeable>
     )
   }