Add first plotting attempts for portfolios

12 files changed, 41 insertions, 81 deletions

diff --git a/frontend/src/containers/app/map/GrayContainer.js b/frontend/src/containers/app/map/GrayContainer.js
index 4ae3beac..9e4a6969 100644
--- a/frontend/src/containers/app/map/GrayContainer.js
+++ b/frontend/src/containers/app/map/GrayContainer.js
@@ -2,7 +2,7 @@ import { connect } from 'react-redux'
 import { goDownOneInteractionLevel } from '../../../actions/interaction-level'
 import GrayLayer from '../../../components/app/map/elements/GrayLayer'
 
-const mapDispatchToProps = dispatch => {
+const mapDispatchToProps = (dispatch) => {
     return {
         onClick: () => dispatch(goDownOneInteractionLevel()),
     }
diff --git a/frontend/src/containers/app/map/MapStage.js b/frontend/src/containers/app/map/MapStage.js
index f749e85a..23c920b6 100644
--- a/frontend/src/containers/app/map/MapStage.js
+++ b/frontend/src/containers/app/map/MapStage.js
@@ -2,26 +2,21 @@ import { connect } from 'react-redux'
 import { setMapDimensions, setMapPositionWithBoundsCheck, zoomInOnPosition } from '../../../actions/map'
 import MapStageComponent from '../../../components/app/map/MapStageComponent'
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
     return {
         mapPosition: state.map.position,
         mapDimensions: state.map.dimensions,
     }
 }
 
-const mapDispatchToProps = dispatch => {
+const mapDispatchToProps = (dispatch) => {
     return {
-        zoomInOnPosition: (zoomIn, x, y) =>
-            dispatch(zoomInOnPosition(zoomIn, x, y)),
-        setMapPositionWithBoundsCheck: (x, y) =>
-            dispatch(setMapPositionWithBoundsCheck(x, y)),
-        setMapDimensions: (width, height) =>
-            dispatch(setMapDimensions(width, height)),
+        zoomInOnPosition: (zoomIn, x, y) => dispatch(zoomInOnPosition(zoomIn, x, y)),
+        setMapPositionWithBoundsCheck: (x, y) => dispatch(setMapPositionWithBoundsCheck(x, y)),
+        setMapDimensions: (width, height) => dispatch(setMapDimensions(width, height)),
     }
 }
 
-const MapStage = connect(mapStateToProps, mapDispatchToProps)(
-    MapStageComponent,
-)
+const MapStage = connect(mapStateToProps, mapDispatchToProps)(MapStageComponent)
 
 export default MapStage
diff --git a/frontend/src/containers/app/map/RackEnergyFillContainer.js b/frontend/src/containers/app/map/RackEnergyFillContainer.js
index d5989839..53746271 100644
--- a/frontend/src/containers/app/map/RackEnergyFillContainer.js
+++ b/frontend/src/containers/app/map/RackEnergyFillContainer.js
@@ -5,27 +5,13 @@ const mapStateToProps = (state, ownProps) => {
     let energyConsumptionTotal = 0
     const rack = state.objects.rack[state.objects.tile[ownProps.tileId].rackId]
     const machineIds = rack.machineIds
-    machineIds.forEach(machineId => {
+    machineIds.forEach((machineId) => {
         if (machineId !== null) {
             const machine = state.objects.machine[machineId]
-            machine.cpuIds.forEach(
-                id =>
-                    (energyConsumptionTotal += state.objects.cpu[id].energyConsumptionW),
-            )
-            machine.gpuIds.forEach(
-                id =>
-                    (energyConsumptionTotal += state.objects.gpu[id].energyConsumptionW),
-            )
-            machine.memoryIds.forEach(
-                id =>
-                    (energyConsumptionTotal +=
-                        state.objects.memory[id].energyConsumptionW),
-            )
-            machine.storageIds.forEach(
-                id =>
-                    (energyConsumptionTotal +=
-                        state.objects.storage[id].energyConsumptionW),
-            )
+            machine.cpuIds.forEach((id) => (energyConsumptionTotal += state.objects.cpu[id].energyConsumptionW))
+            machine.gpuIds.forEach((id) => (energyConsumptionTotal += state.objects.gpu[id].energyConsumptionW))
+            machine.memoryIds.forEach((id) => (energyConsumptionTotal += state.objects.memory[id].energyConsumptionW))
+            machine.storageIds.forEach((id) => (energyConsumptionTotal += state.objects.storage[id].energyConsumptionW))
         }
     })
 
diff --git a/frontend/src/containers/app/map/RackSpaceFillContainer.js b/frontend/src/containers/app/map/RackSpaceFillContainer.js
index 8110b1fb..0509a5a5 100644
--- a/frontend/src/containers/app/map/RackSpaceFillContainer.js
+++ b/frontend/src/containers/app/map/RackSpaceFillContainer.js
@@ -2,12 +2,10 @@ import { connect } from 'react-redux'
 import RackFillBar from '../../../components/app/map/elements/RackFillBar'
 
 const mapStateToProps = (state, ownProps) => {
-    const machineIds =
-        state.objects.rack[state.objects.tile[ownProps.tileId].rackId].machineIds
+    const machineIds = state.objects.rack[state.objects.tile[ownProps.tileId].rackId].machineIds
     return {
         type: 'space',
-        fillFraction:
-            machineIds.filter(id => id !== null).length / machineIds.length,
+        fillFraction: machineIds.filter((id) => id !== null).length / machineIds.length,
     }
 }
 
diff --git a/frontend/src/containers/app/map/TileContainer.js b/frontend/src/containers/app/map/TileContainer.js
index ddef097c..04d6c8d6 100644
--- a/frontend/src/containers/app/map/TileContainer.js
+++ b/frontend/src/containers/app/map/TileContainer.js
@@ -11,9 +11,9 @@ const mapStateToProps = (state, ownProps) => {
     }
 }
 
-const mapDispatchToProps = dispatch => {
+const mapDispatchToProps = (dispatch) => {
     return {
-        onClick: tile => {
+        onClick: (tile) => {
             if (tile.rackId) {
                 dispatch(goFromRoomToRack(tile._id))
             }
diff --git a/frontend/src/containers/app/map/TopologyContainer.js b/frontend/src/containers/app/map/TopologyContainer.js
index 6f14d6cd..de43a151 100644
--- a/frontend/src/containers/app/map/TopologyContainer.js
+++ b/frontend/src/containers/app/map/TopologyContainer.js
@@ -1,7 +1,7 @@
 import { connect } from 'react-redux'
 import TopologyGroup from '../../../components/app/map/groups/TopologyGroup'
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
     if (state.currentTopologyId === '-1') {
         return {}
     }
diff --git a/frontend/src/containers/app/map/WallContainer.js b/frontend/src/containers/app/map/WallContainer.js
index b288a534..67f8a242 100644
--- a/frontend/src/containers/app/map/WallContainer.js
+++ b/frontend/src/containers/app/map/WallContainer.js
@@ -3,9 +3,7 @@ import WallGroup from '../../../components/app/map/groups/WallGroup'
 
 const mapStateToProps = (state, ownProps) => {
     return {
-        tiles: state.objects.room[ownProps.roomId].tileIds.map(
-            tileId => state.objects.tile[tileId],
-        ),
+        tiles: state.objects.room[ownProps.roomId].tileIds.map((tileId) => state.objects.tile[tileId]),
     }
 }
 
diff --git a/frontend/src/containers/app/map/controls/ScaleIndicatorContainer.js b/frontend/src/containers/app/map/controls/ScaleIndicatorContainer.js
index 6e443479..fa3b9d22 100644
--- a/frontend/src/containers/app/map/controls/ScaleIndicatorContainer.js
+++ b/frontend/src/containers/app/map/controls/ScaleIndicatorContainer.js
@@ -1,14 +1,12 @@
 import { connect } from 'react-redux'
 import ScaleIndicatorComponent from '../../../../components/app/map/controls/ScaleIndicatorComponent'
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
     return {
         scale: state.map.scale,
     }
 }
 
-const ScaleIndicatorContainer = connect(mapStateToProps)(
-    ScaleIndicatorComponent,
-)
+const ScaleIndicatorContainer = connect(mapStateToProps)(ScaleIndicatorComponent)
 
 export default ScaleIndicatorContainer
diff --git a/frontend/src/containers/app/map/controls/ZoomControlContainer.js b/frontend/src/containers/app/map/controls/ZoomControlContainer.js
index 20811989..ddc68cc7 100644
--- a/frontend/src/containers/app/map/controls/ZoomControlContainer.js
+++ b/frontend/src/containers/app/map/controls/ZoomControlContainer.js
@@ -2,20 +2,18 @@ import { connect } from 'react-redux'
 import { zoomInOnCenter } from '../../../../actions/map'
 import ZoomControlComponent from '../../../../components/app/map/controls/ZoomControlComponent'
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
     return {
         mapScale: state.map.scale,
     }
 }
 
-const mapDispatchToProps = dispatch => {
+const mapDispatchToProps = (dispatch) => {
     return {
-        zoomInOnCenter: zoomIn => dispatch(zoomInOnCenter(zoomIn)),
+        zoomInOnCenter: (zoomIn) => dispatch(zoomInOnCenter(zoomIn)),
     }
 }
 
-const ZoomControlContainer = connect(mapStateToProps, mapDispatchToProps)(
-    ZoomControlComponent,
-)
+const ZoomControlContainer = connect(mapStateToProps, mapDispatchToProps)(ZoomControlComponent)
 
 export default ZoomControlContainer
diff --git a/frontend/src/containers/app/map/layers/MapLayer.js b/frontend/src/containers/app/map/layers/MapLayer.js
index 3c5ff8be..8596cb9c 100644
--- a/frontend/src/containers/app/map/layers/MapLayer.js
+++ b/frontend/src/containers/app/map/layers/MapLayer.js
@@ -1,7 +1,7 @@
 import { connect } from 'react-redux'
 import MapLayerComponent from '../../../../components/app/map/layers/MapLayerComponent'
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
     return {
         mapPosition: state.map.position,
         mapScale: state.map.scale,
diff --git a/frontend/src/containers/app/map/layers/ObjectHoverLayer.js b/frontend/src/containers/app/map/layers/ObjectHoverLayer.js
index 4619c0b8..a4927862 100644
--- a/frontend/src/containers/app/map/layers/ObjectHoverLayer.js
+++ b/frontend/src/containers/app/map/layers/ObjectHoverLayer.js
@@ -3,7 +3,7 @@ import { addRackToTile } from '../../../../actions/topology/room'
 import ObjectHoverLayerComponent from '../../../../components/app/map/layers/ObjectHoverLayerComponent'
 import { findTileWithPosition } from '../../../../util/tile-calculations'
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
     return {
         mapPosition: state.map.position,
         mapScale: state.map.scale,
@@ -14,9 +14,7 @@ const mapStateToProps = state => {
             }
 
             const currentRoom = state.objects.room[state.interactionLevel.roomId]
-            const tiles = currentRoom.tileIds.map(
-                tileId => state.objects.tile[tileId],
-            )
+            const tiles = currentRoom.tileIds.map((tileId) => state.objects.tile[tileId])
             const tile = findTileWithPosition(tiles, x, y)
 
             return !(tile === null || tile.rackId)
@@ -24,14 +22,12 @@ const mapStateToProps = state => {
     }
 }
 
-const mapDispatchToProps = dispatch => {
+const mapDispatchToProps = (dispatch) => {
     return {
         onClick: (x, y) => dispatch(addRackToTile(x, y)),
     }
 }
 
-const ObjectHoverLayer = connect(mapStateToProps, mapDispatchToProps)(
-    ObjectHoverLayerComponent,
-)
+const ObjectHoverLayer = connect(mapStateToProps, mapDispatchToProps)(ObjectHoverLayerComponent)
 
 export default ObjectHoverLayer
diff --git a/frontend/src/containers/app/map/layers/RoomHoverLayer.js b/frontend/src/containers/app/map/layers/RoomHoverLayer.js
index 2c886c2f..66404f9e 100644
--- a/frontend/src/containers/app/map/layers/RoomHoverLayer.js
+++ b/frontend/src/containers/app/map/layers/RoomHoverLayer.js
@@ -7,49 +7,40 @@ import {
     findPositionInRooms,
 } from '../../../../util/tile-calculations'
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
     return {
         mapPosition: state.map.position,
         mapScale: state.map.scale,
         isEnabled: () => state.construction.currentRoomInConstruction !== '-1',
         isValid: (x, y) => {
-            const newRoom = Object.assign(
-                {},
-                state.objects.room[state.construction.currentRoomInConstruction],
-            )
+            const newRoom = Object.assign({}, state.objects.room[state.construction.currentRoomInConstruction])
             const oldRooms = Object.keys(state.objects.room)
-                .map(id => Object.assign({}, state.objects.room[id]))
+                .map((id) => Object.assign({}, state.objects.room[id]))
                 .filter(
-                    room =>
-                        state.objects.topology[state.currentTopologyId].roomIds.indexOf(
-                            room._id,
-                        ) !== -1 && room._id !== state.construction.currentRoomInConstruction,
-                );
+                    (room) =>
+                        state.objects.topology[state.currentTopologyId].roomIds.indexOf(room._id) !== -1 &&
+                        room._id !== state.construction.currentRoomInConstruction
+                )
 
-            [...oldRooms, newRoom].forEach(room => {
-                room.tiles = room.tileIds.map(tileId => state.objects.tile[tileId])
+            ;[...oldRooms, newRoom].forEach((room) => {
+                room.tiles = room.tileIds.map((tileId) => state.objects.tile[tileId])
             })
             if (newRoom.tileIds.length === 0) {
                 return findPositionInRooms(oldRooms, x, y) === -1
             }
 
-            const validNextPositions = deriveValidNextTilePositions(
-                oldRooms,
-                newRoom.tiles,
-            )
+            const validNextPositions = deriveValidNextTilePositions(oldRooms, newRoom.tiles)
             return findPositionInPositions(validNextPositions, x, y) !== -1
         },
     }
 }
 
-const mapDispatchToProps = dispatch => {
+const mapDispatchToProps = (dispatch) => {
     return {
         onClick: (x, y) => dispatch(toggleTileAtLocation(x, y)),
     }
 }
 
-const RoomHoverLayer = connect(mapStateToProps, mapDispatchToProps)(
-    RoomHoverLayerComponent,
-)
+const RoomHoverLayer = connect(mapStateToProps, mapDispatchToProps)(RoomHoverLayerComponent)
 
 export default RoomHoverLayer