import UI from '../../ui/UI';

/**
 * 场景菜单
 * @param {*} options 
 */
function SceneMenu(options) {
    UI.Control.call(this, options);
    this.app = options.app;
}

SceneMenu.prototype = Object.create(UI.Control.prototype);
SceneMenu.prototype.constructor = SceneMenu;

SceneMenu.prototype.render = function () {
    var _this = this;

    var container = UI.create({
        xtype: 'div',
        parent: this.parent,
        cls: 'menu',
        children: [{
            xtype: 'div',
            cls: 'title',
            html: '场景'
        }, {
            xtype: 'div',
            cls: 'options',
            children: [{
                xtype: 'div',
                id: 'mNewScene',
                html: '新建',
                cls: 'option',
                onClick: function () {
                    _this.app.call('mNewScene');
                }
            }, {
                xtype: 'div',
                id: 'mLoadScene',
                html: '载入',
                cls: 'option',
                onClick: function () {
                    _this.app.call('mLoadScene');
                }
            }, {
                xtype: 'div',
                id: 'mSaveScene',
                html: '保存',
                cls: 'option',
                onClick: function () {
                    _this.app.call('mSaveScene');
                }
            }, {
                xtype: 'div',
                id: 'mSaveSceneAs',
                html: '另存为',
                cls: 'option',
                onClick: function () {
                    _this.app.call('mSaveSceneAs');
                }
            }, {
                xtype: 'hr'
            }, {
                xtype: 'div',
                id: 'mPublishScene',
                html: '发布',
                cls: 'option',
                onClick: function () {
                    _this.app.call('mPublishScene');
                }
            }]
        }]
    });

    container.render();
}

export default SceneMenu;