AG-420 Improve React implementation

2017-05-25 19:02:14 +01:00
parent 587af2e888
commit 1b3fc21107
84 changed files with 850 additions and 30 deletions
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -0,0 +1,50 @@
+import React, {Component} from "react";
+import {Route, Switch, NavLink, Redirect} from "react-router-dom";
+
+import NavItem from "./NavItem";
+
+import DynamicComponentsExample from "./dynamicComponentExample/DynamicComponentsExample";
+import RichComponentsExample from "./richComponentExample/RichComponentsExample";
+import EditorComponentsExample from "./editorComponentExample/EditorComponentsExample";
+
+const Header = () => (
+    <header>
+        <ul className="nav nav-pills">
+            <NavItem to='/rich-grid'>Rich Grid Example</NavItem>
+            <NavItem to='/dynamic'>Dynamic React Component Example</NavItem>
+            <NavItem to='/rich-dynamic'>Dynamic React Components - Richer Example</NavItem>
+            <NavItem to='/editor'>Cell Editor Component Example</NavItem>
+            <NavItem to='/floating-row'>Floating Row Renderer Example</NavItem>
+            <NavItem to='/full-width'>Full Width Renderer Example</NavItem>
+            <NavItem to='/group-row'>Grouped Row Inner Renderer Example</NavItem>
+            <NavItem to='/filter'>Filters Component Example</NavItem>
+            <NavItem to='/master-detail'>Master Detail Example</NavItem>
+            <NavItem to='/grouped-data'>Grouped Data Example</NavItem>
+        </ul>
+    </header>
+)
+
+class App extends Component {
+    render() {
+        return (
+            <div>
+                <Header/>
+                <Switch>
+                    <Redirect from="/" exact to="/dynamic" />
+                    {/*<Route exact path='/rich-dynamic' component={DynamicComponentsExample}/>*/}
+                    <Route exact path='/dynamic' component={DynamicComponentsExample}/>
+                    <Route exact path='/rich-dynamic' component={RichComponentsExample}/>
+                    <Route exact path='/editor' component={EditorComponentsExample}/>
+                    {/*<Route exact path='/floating-row' component={RichComponentsExample}/>*/}
+                    {/*<Route exact path='/full-width' component={RichComponentsExample}/>*/}
+                    {/*<Route exact path='/group-row' component={RichComponentsExample}/>*/}
+                    {/*<Route exact path='/filter' component={RichComponentsExample}/>*/}
+                    {/*<Route exact path='/master-detail' component={RichComponentsExample}/>*/}
+                    {/*<Route exact path='/grouped-data' component={RichComponentsExample}/>*/}
+                </Switch>
+            </div>
+        )
+    }
+}
+
+export default App