nyx_server/ui/app/container/LayoutDev.js

Node内容发布

import React from 'react';
import { Link } from 'react-router';
import { Menu } from 'antd';
import store from '../store';
import { getProjectAsync,
         setCurrentProject,
         getIpsAsync,
         getTemplatesDataIds,
         getChipsDataIds
       } from '../actions/Project';

const getDatefromLocalStorage = function (id) {
  if (window.localStorage) {
    return JSON.parse(window.localStorage.getItem(id) || '{}');
  } else {
    return {};
  }
};

export default class Chips extends React.Component {
  getCurrentPath () {
    var paths = window.location.href.split('/');
    if (paths.length > 1) {
      return '/' + paths[paths.length - 1];
    } else {
      return '/';
    }

  }

  componentDidMount() {
    store.dispatch(getProjectAsync('local'));
    store.dispatch(setCurrentProject('local'));
    store.dispatch(getIpsAsync());
    store.dispatch(getTemplatesDataIds(getDatefromLocalStorage('nyxTemplatesDataIds')));
    store.dispatch(getChipsDataIds(getDatefromLocalStorage('nyxChipsDataIds')));
  }

  render() {
    return (
      <div className="nyx-dev">
        <header className='nyx-header'>
          <h1>NYX 客户端开发管理系统</h1>
        </header>
        <div className="nyx-layout-wrapper">
          <Menu mode="horizontal" selectedKeys={[this.getCurrentPath()]}>
            <Menu.Item key="/info">
              <Link to = '/manage/dev/info'>项目信息</Link>
            </Menu.Item>
            <Menu.Item key="/template">
              <Link to = '/manage/dev/template'>模板列表</Link>
            </Menu.Item>
            <Menu.Item key="/chip">
              <Link to = '/manage/dev/chip'>碎片列表</Link>
            </Menu.Item>
            <Menu.Item key="/help">
              <Link to = '/manage/dev/help'>辅助支持</Link>
            </Menu.Item>
          </Menu>
          <div className="nyx-layout-main">
            <div className="nyx-project-main">
              {this.props.children}
            </div>
          </div>
        </div>
      </div>
    );
  }
}