1 files changed, 58 insertions, 0 deletions
diff --git a/ui/app/components/panel_switcher.js b/ui/app/components/panel_switcher.js
new file mode 100644
index 00000000..aaf2dc5b
--- /dev/null
+++ b/ui/app/components/panel_switcher.js
@@ -0,0 +1,58 @@
+import React from 'react'
+import ReactDOM from 'react-dom'
+
+import DebugPanel from './debug_panel'
+import Splash from './splash'
+import GreeterPanel from './greeter_panel'
+import MainPanel from './main_panel'
+import Wizard from './wizard'
+
+import App from 'app'
+import 'lib/common'
+
+export default class PanelSwitcher extends React.Component {
+
+  constructor(props) {
+    super(props)
+    this.state = {
+      panel: null,
+      panel_properties: null,
+      debug: false
+    }
+    App.switcher = this
+  }
+
+  show(component_name, properties={}) {
+    this.setState({panel: component_name, panel_properties: properties})
+  }
+
+  render() {
+    let elems = []
+    if (this.panelExist(this.state.panel)) {
+      elems.push(
+        this.panelRender(this.state.panel, this.state.panel_properties)
+      )
+    }
+    if (this.state.debug) {
+      elems.push(
+        elem(DebugPanel, {key: 'debug'})
+      )
+    }
+    return <div id="root">{elems}</div>
+  }
+
+  panelExist(panel) {
+    return panel && this['render_'+panel]
+  }
+
+  panelRender(panel_name, props) {
+    let panel = this['render_'+panel_name](props)
+    return elem('div', {key: 'panel'}, panel)
+  }
+
+  render_splash(props)  {return elem(Splash, props)}
+  render_wizard(props)  {return elem(Wizard, props)}
+  render_greeter(props) {return elem(GreeterPanel, props)}
+  render_main(props)    {return elem(MainPanel, props)}
+
+}