[explorev2] chart and controls (#1251)

* create structure for new forked explore view (#1099)

* create structure for new forked explore view

* update component name

* add bootstrap data pattern

* remove console.log

* Created store and reducers (#1108)

* Created store and reducers

* Added spec

* Modifications based on comments

* do use bootstrap data for now

* don't deal with bootstrap data for now

* use victory as a base

* import fake line data, add fake panels, make chart fixed

* add fetch support

* get slice data from json endpoint

* render chart with slicejson

* update chart and label demo

* remove fetch config

* remove dummy control panels

* should be a func

* make TimeSeriesLineChart

* add a comment

* inner height for height

* don't need fetch yet

* trailing comma breaks in package json

* pass in viz data from props

* add style sheet

* set height on explore container

* add legend

* make chart responsive to window resize

* can't use head_css in template bc overrides head_css in basic

* fix linting

* break labelItem into own SFC, make legend SFC

* add propTypes and fix linter

caravel/assets/javascripts/explorev2/components/ExploreViewContainer.jsx

@@ -1,26 +1,55 @@
-import React from 'react';
+import React, { PropTypes } from 'react';
 import ChartContainer from './ChartContainer';
 import ControlPanelsContainer from './ControlPanelsContainer';
 import QueryAndSaveButtons from './QueryAndSaveButtons';
 
-const ExploreViewContainer = function () {
-  return (
-    <div className="container-fluid">
-      <div className="row">
-        <div className="col-sm-3">
-          <QueryAndSaveButtons
-            canAdd="True"
-            onQuery={() => { console.log('clicked query'); }}
-          />
-          <br /><br />
-          <ControlPanelsContainer />
-        </div>
-        <div className="col-sm-9">
-          <ChartContainer />
-        </div>
-      </div>
-    </div>
-  );
+const propTypes = {
+  data: PropTypes.shape({
+    viz: PropTypes.object.isRequired,
+  }).isRequired,
 };
 
-export default ExploreViewContainer;
+export default class ExploreViewContainer extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      height: this.getHeight(),
+    };
+  }
+
+  getHeight() {
+    const navHeight = 90;
+    return `${window.innerHeight - navHeight}px`;
+  }
+
+  render() {
+    return (
+      <div
+        className="container-fluid"
+        style={{
+          height: this.state.height,
+          overflow: 'hidden',
+        }}
+      >
+        <div className="row table-body">
+          <div className="table-cell col-sm-4">
+            <QueryAndSaveButtons
+              canAdd="True"
+              onQuery={() => {}}
+            />
+            <br /><br />
+            <ControlPanelsContainer />
+          </div>
+          <div className="table-cell col-sm-8">
+            <ChartContainer
+              viz={this.props.data.viz}
+              height={this.state.height}
+            />
+          </div>
+        </div>
+      </div>
+    );
+  }
+}
+
+ExploreViewContainer.propTypes = propTypes;