[WiP] rename project from Caravel to Superset (#1576)

* Change in files

* Renamin files and folders

* cleaning up a single piece of lint

* Removing boat picture from docs

* add superset word mark

* Update rename note in docs

* Fixing images

* Pinning datatables

* Fixing issues with mapbox-gl

* Forgot to rename one file

* Linting

* v0.13.0

* adding pyyaml to dev-reqs

superset/assets/javascripts/dashboard/components/SliceAdder.jsx

@@ -0,0 +1,179 @@
+import $ from 'jquery';
+import React, { PropTypes } from 'react';
+import { BootstrapTable, TableHeaderColumn } from 'react-bootstrap-table';
+import ModalTrigger from '../../components/ModalTrigger';
+require('react-bootstrap-table/css/react-bootstrap-table.css');
+
+const propTypes = {
+  dashboard: PropTypes.object.isRequired,
+  triggerNode: PropTypes.node.isRequired,
+};
+
+class SliceAdder extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      slices: [],
+      slicesLoaded: false,
+      selectionMap: {},
+    };
+
+    this.options = {
+      defaultSortOrder: 'desc',
+      defaultSortName: 'modified',
+      sizePerPage: 10,
+    };
+
+    this.addSlices = this.addSlices.bind(this);
+    this.toggleSlice = this.toggleSlice.bind(this);
+
+    this.selectRowProp = {
+      mode: 'checkbox',
+      clickToSelect: true,
+      onSelect: this.toggleSlice,
+    };
+  }
+
+  componentDidMount() {
+    const uri = '/sliceaddview/api/read?_flt_0_created_by=' + this.props.dashboard.curUserId;
+    this.slicesRequest = $.ajax({
+      url: uri,
+      type: 'GET',
+      success: response => {
+        // Prepare slice data for table
+        const slices = response.result.map(slice => ({
+          id: slice.id,
+          sliceName: slice.slice_name,
+          vizType: slice.viz_type,
+          modified: slice.modified,
+        }));
+
+        this.setState({
+          slices,
+          selectionMap: {},
+          slicesLoaded: true,
+        });
+      },
+      error: error => {
+        this.errored = true;
+        this.setState({
+          errorMsg: this.props.dashboard.getAjaxErrorMsg(error),
+        });
+      },
+    });
+  }
+
+  componentWillUnmount() {
+    this.slicesRequest.abort();
+  }
+
+  addSlices() {
+    this.props.dashboard.addSlicesToDashboard(Object.keys(this.state.selectionMap));
+  }
+
+  toggleSlice(slice) {
+    const selectionMap = Object.assign({}, this.state.selectionMap);
+    selectionMap[slice.id] = !selectionMap[slice.id];
+    this.setState({ selectionMap });
+  }
+
+  modifiedDateComparator(a, b, order) {
+    if (order === 'desc') {
+      if (a.changed_on > b.changed_on) {
+        return -1;
+      } else if (a.changed_on < b.changed_on) {
+        return 1;
+      }
+      return 0;
+    }
+
+    if (a.changed_on < b.changed_on) {
+      return -1;
+    } else if (a.changed_on > b.changed_on) {
+      return 1;
+    }
+    return 0;
+  }
+
+  render() {
+    const hideLoad = this.state.slicesLoaded || this.errored;
+    let enableAddSlice = this.state.selectionMap && Object.keys(this.state.selectionMap);
+    if (enableAddSlice) {
+      enableAddSlice = enableAddSlice.some(function (key) {
+        return this.state.selectionMap[key];
+      }, this);
+    }
+    const modalContent = (
+      <div>
+        <img
+          src="/static/assets/images/loading.gif"
+          className={'loading ' + (hideLoad ? 'hidden' : '')}
+          alt={hideLoad ? '' : 'loading'}
+        />
+        <div className={this.errored ? '' : 'hidden'}>
+          {this.state.errorMsg}
+        </div>
+        <div className={this.state.slicesLoaded ? '' : 'hidden'}>
+          <BootstrapTable
+            ref="table"
+            data={this.state.slices}
+            selectRow={this.selectRowProp}
+            options={this.options}
+            hover
+            search
+            pagination
+            condensed
+            height="auto"
+          >
+            <TableHeaderColumn
+              dataField="sliceName"
+              isKey
+              dataSort
+            >
+              Name
+            </TableHeaderColumn>
+            <TableHeaderColumn
+              dataField="vizType"
+              dataSort
+            >
+              Viz
+            </TableHeaderColumn>
+            <TableHeaderColumn
+              dataField="modified"
+              dataSort
+              sortFunc={this.modifiedDateComparator}
+              // Will cause react-bootstrap-table to interpret the HTML returned
+              dataFormat={modified => modified}
+            >
+              Modified
+            </TableHeaderColumn>
+          </BootstrapTable>
+          <button
+            type="button"
+            className="btn btn-default"
+            data-dismiss="modal"
+            onClick={this.addSlices}
+            disabled={!enableAddSlice}
+          >
+            Add Slices
+          </button>
+        </div>
+      </div>
+    );
+
+    return (
+      <ModalTrigger
+        triggerNode={this.props.triggerNode}
+        tooltip="Add a new slice to the dashboard"
+        isButton
+        modalBody={modalContent}
+        bsSize="large"
+        modalTitle="Add Slices to Dashboard"
+      />
+    );
+  }
+}
+
+SliceAdder.propTypes = propTypes;
+
+export default SliceAdder;