import * as React from 'react';
import { Menu, Icon, message } from 'antd';
import { MenuType } from './enum/MenuType';
import * as ReactDOM from 'react-dom';
import { MessageUtils, Message } from '../message/MessageUtils';
import { ProjectMessage } from '../project/events/ProjectMessage';
import { FileUtils } from '../../utils/FileUtils';
import { Paths } from '../../utils/Paths';
import { PluginDecoder } from '../plugin/PluginDecoder';
import { PluginVo } from '../plugin/PluginVo';
import { PluginMessage } from '../plugin/events/PluginMessage';
import { Global } from '../../utils/Global';
const ipcRender = require('electron').ipcRenderer;
export class Menus extends React.Component<any, any>{
    constructor() {
        super();
        this.state = { plugins: [], components: [] };
    }

    componentWillMount(): void{
        this.onPluginsInit();
    }

    //插件初始化
    private onPluginsInit(): void {
        const {plugins, components} = this.state;
        PluginDecoder.initalize(($plugins) => {
            console.log('解析插件：', $plugins);
            for (var i: number = 0, l: number = $plugins.length; i < l; i++) {
                var pluginVo: PluginVo = $plugins[i];
                plugins[i] = <Menu.Item key={MenuType.PLUGINS + pluginVo.name}>{pluginVo.title}</Menu.Item>;
            }
            this.setState({ plugins });
        }, this);
    }

    render() {
        const SubMenu = Menu.SubMenu;
        const MenuItemGroup = Menu.ItemGroup;
        const {plugins, components} = this.state;
        return (
            <Menu onClick={this.handleClick.bind(this)} selectedKeys={["mail"]} mode="horizontal" theme="dark">
                <SubMenu title={<span><Icon type="setting" />文件</span>}>
                    <Menu.Item key={MenuType.NEW_PROJECT}>新建项目</Menu.Item>
                    <Menu.Item key={MenuType.OPEN_PROJECT}>打开项目</Menu.Item>
                    <Menu.Item key={MenuType.SAVE_PROJECT}>保存</Menu.Item>
                    <Menu.Item key={MenuType.SAVE_AS_PROJECT}>另存为</Menu.Item>
                    <Menu.Item key={MenuType.OPEN_RECENT_PROJECT}>最近打开项目</Menu.Item>
                    <Menu.Item key={MenuType.RELOAD_PROJECT}>重新加载</Menu.Item>
                    <Menu.Item key={MenuType.CLOSE_EDITOR}>关闭编辑器</Menu.Item>
                    <Menu.Item key={MenuType.SWITCH_FULLSCREEN}>切换全屏</Menu.Item>
                    <Menu.Item key={MenuType.DEVELOP_TOOLS}>开发者工具</Menu.Item>
                </SubMenu>
                <SubMenu title={<span><Icon type="setting" />编辑</span>}>
                    <Menu.Item key={MenuType.UNDO}>撤销</Menu.Item>
                    <Menu.Item key={MenuType.REDO}>恢复</Menu.Item>
                    <Menu.Item key={MenuType.CUT}>剪切</Menu.Item>
                    <Menu.Item key={MenuType.COPY}>复制</Menu.Item>
                    <Menu.Item key={MenuType.PARSE}>粘贴</Menu.Item>
                    <Menu.Item key={MenuType.SELECT_ALL}>全选</Menu.Item>
                </SubMenu>
                <SubMenu title={<span><Icon type="setting" />查看</span>}>
                    <Menu.Item key={MenuType.ZOOM_IN}>放大</Menu.Item>
                    <Menu.Item key={MenuType.ZOOM_OUT}>缩小</Menu.Item>
                    <Menu.Item key={MenuType.ACTUAL_SIZE}>重置缩放</Menu.Item>
                </SubMenu>
                <SubMenu key="plugins" title={<span><Icon type="setting" />插件</span>}>
                    {plugins}
                </SubMenu>
                <SubMenu key="component" title={<span><Icon type="setting" />组件</span>}>
                    <Menu.Item key='spritesheet'>精灵图</Menu.Item>
                    <Menu.Item key='sprite'>精灵</Menu.Item>
                    <Menu.Item key='animation'>动画</Menu.Item>
                    <Menu.Item key='button'>按纽</Menu.Item>
                    <Menu.Item key='scale9grid'>九宫格</Menu.Item>
                    <Menu.Item key='tiledbackground'>瓦片平铺</Menu.Item>
                    <Menu.Item key='textfield'>文本</Menu.Item>
                    <Menu.Item key='bitmapfont'>位图字体</Menu.Item>
                    <Menu.Item key='video'>视频</Menu.Item>
                    <Menu.Item key='audio'>声音</Menu.Item>
                    <Menu.Item key='tiled'>Tiled</Menu.Item>
                    <Menu.Item key='array'>数组</Menu.Item>
                    <Menu.Item key='xml'>XML</Menu.Item>
                    <Menu.Item key='json'>JSON</Menu.Item>
                    <Menu.Item key='weixin'>微信</Menu.Item>
                    <Menu.Item key='dragonbones'>骨骼</Menu.Item>
                    <Menu.Item key='particles'>粒子</Menu.Item>
                </SubMenu>
                <SubMenu title={<span><Icon type="setting" />帮助</span>}>
                    <Menu.Item key={MenuType.WELCOME}>欢迎页</Menu.Item>
                    <Menu.Item key={MenuType.ABOUT}>关于</Menu.Item>
                    <Menu.Item key={MenuType.REPORT}>问题反馈</Menu.Item>
                </SubMenu>
            </Menu>);
    }

    handleClick(e) {
        this.setState({ current: e.key });
        message.info("当前状态：" + e.key);
        var isPlugin: boolean = e.key.indexOf(MenuType.PLUGINS) != -1;
        if (isPlugin) {
            var pluginName: string      = e.key.slice(MenuType.PLUGINS.length);
            var curpluginVo: PluginVo   = PluginDecoder.getPlugin(pluginName);
            MessageUtils.send(PluginMessage.ADD_PLUGINS, curpluginVo);
        } else {
            switch (e.key) {
                case MenuType.NEW_PROJECT:
                    MessageUtils.send(ProjectMessage.OPEN_NEW_PROJECT_WINDOW);
                    break;

                case MenuType.OPEN_PROJECT:
                    MessageUtils.send(ProjectMessage.OPEN_PROJECT);
                    break;

                case MenuType.SAVE_PROJECT:
                    MessageUtils.send(ProjectMessage.SAVE_PROJECT);
                    break;

                case MenuType.SAVE_AS_PROJECT:
                    MessageUtils.send(ProjectMessage.SAVE_AS_PROJECT);
                    break;

                case MenuType.OPEN_RECENT_PROJECT:
                    MessageUtils.send(ProjectMessage.OPEN_RECENT_PROJECT);
                    break;

                case MenuType.RELOAD_PROJECT:
                    MessageUtils.send(ProjectMessage.RELOAD);
                    break;

                case MenuType.CLOSE_EDITOR:
                    MessageUtils.send(ProjectMessage.CLOSE_EDITOR);
                    break;

                case MenuType.SWITCH_FULLSCREEN:
                    MessageUtils.send(ProjectMessage.SWITCH_FULLSCREEN);
                    break;

                case MenuType.DEVELOP_TOOLS:
                    MessageUtils.send(ProjectMessage.SWITCH_DEVELOP_TOOLS);
                    break;

                case MenuType.ZOOM_IN:
                    ipcRender.send(MenuType.ZOOM_IN);
                    break;

                case MenuType.ZOOM_OUT:
                    ipcRender.send(MenuType.ZOOM_OUT);
                    break;

                case MenuType.ACTUAL_SIZE:
                    ipcRender.send(MenuType.ACTUAL_SIZE);
                    break;
            }
        }
    }
}