ui: Restructure OpenDC frontend

This change updates the structure of the OpenDC frontend in order to
improve the maintainability of the frontend.

1 files changed, 61 insertions, 0 deletions

diff --git a/opendc-web/opendc-web-ui/src/redux/reducers/interaction-level.js b/opendc-web/opendc-web-ui/src/redux/reducers/interaction-level.js
new file mode 100644
index 00000000..eafcb269
--- /dev/null
+++ b/opendc-web/opendc-web-ui/src/redux/reducers/interaction-level.js
@@ -0,0 +1,61 @@
+import { OPEN_PORTFOLIO_SUCCEEDED } from '../actions/portfolios'
+import {
+    GO_DOWN_ONE_INTERACTION_LEVEL,
+    GO_FROM_BUILDING_TO_ROOM,
+    GO_FROM_RACK_TO_MACHINE,
+    GO_FROM_ROOM_TO_RACK,
+} from '../actions/interaction-level'
+import { OPEN_PROJECT_SUCCEEDED } from '../actions/projects'
+import { SET_CURRENT_TOPOLOGY } from '../actions/topology/building'
+import { OPEN_SCENARIO_SUCCEEDED } from '../actions/scenarios'
+
+export function interactionLevel(state = { mode: 'BUILDING' }, action) {
+    switch (action.type) {
+        case OPEN_PORTFOLIO_SUCCEEDED:
+        case OPEN_SCENARIO_SUCCEEDED:
+        case OPEN_PROJECT_SUCCEEDED:
+        case SET_CURRENT_TOPOLOGY:
+            return {
+                mode: 'BUILDING',
+            }
+        case GO_FROM_BUILDING_TO_ROOM:
+            return {
+                mode: 'ROOM',
+                roomId: action.roomId,
+            }
+        case GO_FROM_ROOM_TO_RACK:
+            return {
+                mode: 'RACK',
+                roomId: state.roomId,
+                tileId: action.tileId,
+            }
+        case GO_FROM_RACK_TO_MACHINE:
+            return {
+                mode: 'MACHINE',
+                roomId: state.roomId,
+                tileId: state.tileId,
+                position: action.position,
+            }
+        case GO_DOWN_ONE_INTERACTION_LEVEL:
+            if (state.mode === 'ROOM') {
+                return {
+                    mode: 'BUILDING',
+                }
+            } else if (state.mode === 'RACK') {
+                return {
+                    mode: 'ROOM',
+                    roomId: state.roomId,
+                }
+            } else if (state.mode === 'MACHINE') {
+                return {
+                    mode: 'RACK',
+                    roomId: state.roomId,
+                    tileId: state.tileId,
+                }
+            } else {
+                return state
+            }
+        default:
+            return state
+    }
+}