jam-cloud/web/app/assets/javascripts/react-components/SessionScreen.js.jsx.coffee

78 lines
1.9 KiB
CoffeeScript

context = window
SessionActions = @SessionActions
@SessionScreen = React.createClass({
mixins: [Reflux.listenTo(@AppStore,"onAppInit"), Reflux.listenTo(@SessionActions.allowLeaveSession, "onAllowLeaveSession")]
render: () ->
`<div className="session-container">
<div className="in-session-controls">
<SessionSettingsBtn />
<SessionVolumeSettingsBtn />
<SessionShareBtn />
<SessionRecordBtn />
<SessionVideoBtn />
<SessionMixerBtn />
<SessionResyncBtn />
<SessionLeaveBtn />
</div>
<div className="tracks" id="new-tracks">
<SessionMyTracks />
<SessionOtherTracks />
<SessionMediaTracks />
<SessionNotifications />
</div>
</div>`
componentDidMount: () ->
@logger = context.JK.logger
beforeShow: (data) ->
@logger.debug("session beforeShow")
@allowLeave = false
afterShow: (data) ->
@logger.debug("session afterShow")
SessionActions.joinSession.trigger(data.id)
beforeHide: () ->
context.JK.HelpBubbleHelper.clearJamTrackGuide();
beforeLeave: (data) ->
@logger.debug("session beforeLeave", @allowLeave)
if @allowLeave
return true
else
leaveSessionWarningDialog = new context.JK.LeaveSessionWarningDialog(context.JK.app,
() =>
@allowLeave = true
context.location.hash = data.hash
)
leaveSessionWarningDialog.initialize()
@app.layout.showDialog('leave-session-warning')
return false
beforeDisconnect: () ->
@logger.debug("session beforeDisconnect")
onAllowLeaveSession: () ->
@allowLeave = true
onAppInit: (@app) ->
screenBindings = {
'beforeShow': @beforeShow,
'afterShow': @afterShow,
'beforeHide': @beforeHide,
'beforeLeave' : @beforeLeave,
'beforeDisconnect' : @beforeDisconnect,
};
@app.bindScreen('session2', screenBindings);
})