mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-11-28 10:06:08 -05:00
87 lines
2.8 KiB
CoffeeScript
87 lines
2.8 KiB
CoffeeScript
CocoView = require 'views/kinds/CocoView'
|
|
template = require 'templates/play/level/control_bar'
|
|
|
|
DocsModal = require './modal/LevelGuideModal'
|
|
MultiplayerModal = require './modal/MultiplayerModal'
|
|
ReloadLevelModal = require './modal/ReloadLevelModal'
|
|
|
|
module.exports = class ControlBarView extends CocoView
|
|
id: 'control-bar-view'
|
|
template: template
|
|
|
|
subscriptions:
|
|
'bus:player-states-changed': 'onPlayerStatesChanged'
|
|
|
|
events:
|
|
'click #multiplayer-button': ->
|
|
window.tracker?.trackEvent 'Clicked Multiplayer', level: @level.get('name'), label: @level.get('name')
|
|
@showMultiplayerModal()
|
|
|
|
'click #docs-button': ->
|
|
window.tracker?.trackEvent 'Clicked Docs', level: @level.get('name'), label: @level.get('name')
|
|
@showGuideModal()
|
|
|
|
'click #restart-button': ->
|
|
window.tracker?.trackEvent 'Clicked Restart', level: @level.get('name'), label: @level.get('name')
|
|
@showRestartModal()
|
|
|
|
'click #next-game-button': ->
|
|
Backbone.Mediator.publish 'next-game-pressed'
|
|
|
|
'click': -> Backbone.Mediator.publish 'tome:focus-editor'
|
|
|
|
constructor: (options) ->
|
|
@worldName = options.worldName
|
|
@session = options.session
|
|
@level = options.level
|
|
@playableTeams = options.playableTeams
|
|
@spectateGame = options.spectateGame ? false
|
|
super options
|
|
|
|
setBus: (@bus) ->
|
|
|
|
onPlayerStatesChanged: (e) ->
|
|
# TODO: this doesn't fire any more. Replacement?
|
|
return unless @bus is e.bus
|
|
numPlayers = _.keys(e.players).length
|
|
return if numPlayers is @numPlayers
|
|
@numPlayers = numPlayers
|
|
text = 'Multiplayer'
|
|
text += " (#{numPlayers})" if numPlayers > 1
|
|
$('#multiplayer-button', @$el).text(text)
|
|
|
|
getRenderData: (c={}) ->
|
|
super c
|
|
c.worldName = @worldName
|
|
c.multiplayerEnabled = @session.get('multiplayer')
|
|
c.ladderGame = @level.get('type') is 'ladder'
|
|
c.spectateGame = @spectateGame
|
|
if @level.get('type') in ['ladder', 'ladder-tutorial']
|
|
c.homeLink = '/play/ladder/' + @level.get('slug').replace /\-tutorial$/, ''
|
|
else
|
|
c.homeLink = '/'
|
|
c
|
|
|
|
afterRender: ->
|
|
super()
|
|
@guideHighlightInterval ?= setInterval @onGuideHighlight, 5 * 60 * 1000
|
|
|
|
destroy: ->
|
|
clearInterval @guideHighlightInterval if @guideHighlightInterval
|
|
super()
|
|
|
|
onGuideHighlight: =>
|
|
return if @destroyed or @guideShownOnce
|
|
@$el.find('#docs-button').hide().show('highlight', 4000)
|
|
|
|
showGuideModal: ->
|
|
options = {docs: @level.get('documentation'), supermodel: @supermodel}
|
|
@openModalView(new DocsModal(options))
|
|
clearInterval @guideHighlightInterval
|
|
@guideHighlightInterval = null
|
|
|
|
showMultiplayerModal: ->
|
|
@openModalView(new MultiplayerModal(session: @session, playableTeams: @playableTeams, level: @level, ladderGame: @ladderGame))
|
|
|
|
showRestartModal: ->
|
|
@openModalView(new ReloadLevelModal())
|