gistfile1.txt

CConnect.Layout.App = RC({
    pages:[]
    componentWillMount:->
        #@pages.push  CConnect.Layout.Chat({})
        #@pages.push  CConnect.Layout.ZoneWall({})
        @pages.push  `<CConnect.Layout.DynamicPane id="left" />`
        @pages.push  CConnect.Layout.DynamicPane({id:"center",layout:"Menu"})
        @pages.push  CConnect.Layout.DynamicPane({id:"right"})

    render:->
        RD.div({
                id:"app"
            },
                @pages
        )
})


CConnect.Layout.DynamicPane = RC({
    mixins:[Reflux.listenTo(CConnect.Ctrl.MenuController,"set"),Reflux.listenTo(CConnect.Ctrl.DashboardController,"set")]
    store:[]

    getInitialState:->
        layout:"Chat"

    set:(payload)->
        if payload.id==@props.id and payload.openRight?
            @setState({layout:payload.openRight})
        if payload.id==@props.id and payload.openLeft?
            @setState({layout:payload.openLeft})

    componentWillMount:->
        if @props.layout?
            @store = CConnect.Layout[@props.layout]({})
            @setState({layout:@props.layout})
        else if @state.layout?
            @store = CConnect.Layout[@state.layout]({})
    componentWillUpdate:(nextProps,nextState)->
        if nextState.layout?
            @store = CConnect.Layout[nextState.layout]({})
    componentDidUpdate:->
        if @props.id=="right"
            CConnect.Ctrl.MenuActions.openRightMove()
        else if @props.id=="left"
            CConnect.Ctrl.MenuActions.openLeftMove()
    render:->
        RD.div({
            id:"DynamicPane_"+@props.id
            className:"pane"
        },@store)

})