import React from 'react';
import { Menu, Icon } from 'antd';
import './leftTab.less';
const SubMenu = Menu.SubMenu;
const MenuItemGroup = Menu.ItemGroup;
import { getMenu } from './publicMenu.js'

const LeftTab = React.createClass({
  getInitialState() {
    return {
      current: '',
      subKey: '',
    };
  },
  handleClick(e) {
    this.props.handlekey(e.key);
    this.setState({
      current: e.key,
    });
  },
  componentWillMount() {
    let me_ = this;
    var ids = window.location.href.indexOf('rid=')
    var idk = window.location.href.substr(ids + 4)
    var rid = idk.split('#')
    var menu = getMenu(rid);
    let cur, sub, sut;
    if (rid.length > 1) {
      for (var h = 0; h < menu.length; h++) {
        if (menu[h].subMenus.length) {
          menu[h].subMenus.map(function (atem) {
            let urls = atem.url.split('#')
            if (rid[1] == urls[1]) {
              sut = menu[h].url;
              return false
            }
          })
        }
      }
    };
    if (menu[0].subMenus.length) {
      cur = menu[0].subMenus[0].url.split('#');
      sub = menu[0].url;
    } else {
      cur = menu[0].url.split('#');
      sub = ''
    };
    this.setState({
      current: rid.length > 1 ? rid[1] : cur[1],
      subKey: rid.length > 1 ? sut : sub
    });
    var htmlMenu = [];
    for (var j = 0; j < menu.length; j++) {
      if (menu[j].subMenus.length) {
        htmlMenu.push(
          <SubMenu key={menu[j].url} title={<span>{menu[j].name}</span>}>
            {
              menu[j].subMenus.map(function (item) {
                let urls = item.url.split('#');
                return <Menu.Item key={urls[1]}>{item.name}</Menu.Item>
              })
            }
          </SubMenu>
        );
      } else {
        let urlt = menu[j].url.split('#');
        htmlMenu.push(
          <Menu.Item key={urlt[1]}>{menu[j].name}</Menu.Item>
        )
      }
    };
    this.setState({
      htmlMenus: htmlMenu
    })
    const _me = this;
    if (window.location.hash && menu[0].subMenus.length) {
      let theKey = window.location.hash.substr(1);
      menu.map(function (item1) {
        item1.subMenus.map(function (item2) {
          let urls = item2.url.split('#')
          if (theKey == urls[1]) {
            _me.state.subKey = item1.url
          };
        });
      });
      this.state.current = theKey;
    } else {
      this.state.current = window.location.hash.substr(1);
    };
  },
  render() {
    return (
      <Menu onClick={this.handleClick}
        selectedKeys={[this.state.current]}
        defaultOpenKeys={[this.state.subKey]}
        // mode="vertical"
        className="account-left"
        mode="inline"
      >
        {this.state.htmlMenus}
      </Menu>
    );
  },
});

export default LeftTab;