js/views/Workspace.jsx

/**
 *   Copyright 2016 OSBI Ltd
 *
 *   Licensed under the Apache License, Version 2.0 (the "License");
 *   you may not use this file except in compliance with the License.
 *   You may obtain a copy of the License at
 *
 *       http://www.apache.org/licenses/LICENSE-2.0
 *
 *   Unless required by applicable law or agreed to in writing, software
 *   distributed under the License is distributed on an "AS IS" BASIS,
 *   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *   See the License for the specific language governing permissions and
 *   limitations under the License.
 */

import React from 'react';
import autoBind from 'react-autobind';
import Wrapper from '../components/saiku/Wrapper';
import Content from '../components/saiku/Content';
import MenuBar from '../components/saiku/MenuBar';
import Sidebar from '../components/saiku/Sidebar';
import Tabs from '../components/saiku/Tabs';

class Workspace extends React.Component {
  constructor(props) {
    super(props);

    this.state = {
      isOpenSidebar: false,
      tabs: [],
      selectedTab: null
    };

    autoBind(this, 'openSidebar');
  }

  openSidebar() {
    if (this.state.isOpenSidebar) {
      this.setState({
        isOpenSidebar: false
      });
    }
    else {
      this.setState({
        isOpenSidebar: true
      });
    }
  }

  render() {
    return (
      <Wrapper isOpenSidebar={this.state.isOpenSidebar}>
        <MenuBar
          openSidebar={this.openSidebar}
          isOpenSidebar={this.state.isOpenSidebar}
        />
        <Sidebar />
        <Content page>
          <Tabs createContent={this.createContent} />
        </Content>
      </Wrapper>
    );
  }

  createContent() {
    return (
      <Content>
        <h1>Workspace</h1>
      </Content>
    );
  }
}

export default Workspace;