plainblack/Lacuna-Web-Client

'use strict';

var React           = require('react');
var Draggable       = require('react-draggable');
var $               = require('js/shims/jquery');

var PanelHeader     = require('js/components/window/panel/panelHeader');
var PanelContent    = require('js/components/window/panel/panelContent');

var StatsRPCActions = require('js/actions/rpc/stats');
var WindowActions   = require('js/actions/window');

var Tabber          = require('js/components/tabber');
var Tabs            = Tabber.Tabs;
var Tab             = Tabber.Tab;

var Panel = React.createClass({

    closeWindow : function() {
        WindowActions.windowCloseByType(this.props.type);
    },

    render : function() {
        var subPanel = React.createElement(this.props.window, { zIndex : this.props.zIndex, options : this.props.options });

        return (
            <Draggable handle=".drag-handle" zIndex={this.props.zIndex}>
                <div ref="container" style={{
                    position : 'absolute',
                    zIndex   : this.props.zIndex,
                    left     : ($(window.document).width() - this.props.window.options.width) / 2
                }}>
                    <PanelHeader
                        title={this.props.window.options.title}
                        panelWidth={this.props.window.options.width}
                        onClose={this.closeWindow}
                    />

                    <PanelContent
                        panelWidth={this.props.window.options.width}
                        panelHeight={this.props.window.options.height}
                    >
                    {subPanel}

                    </PanelContent>
                </div>
            </Draggable>
        );
    }
});

module.exports = Panel;