codecombat/app/views/play/ladder_view.coffee

146 lines
4.6 KiB
CoffeeScript
Raw Normal View History

2014-02-07 18:51:05 -05:00
RootView = require 'views/kinds/RootView'
Level = require 'models/Level'
Simulator = require 'lib/simulator/Simulator'
2014-02-07 18:51:05 -05:00
LevelSession = require 'models/LevelSession'
CocoCollection = require 'models/CocoCollection'
2014-03-02 15:43:21 -05:00
{teamDataFromLevel} = require './ladder/utils'
{me} = require 'lib/auth'
application = require 'application'
2014-03-02 15:43:21 -05:00
LadderTabView = require './ladder/ladder_tab'
MyMatchesTabView = require './ladder/my_matches_tab'
LadderPlayModal = require './ladder/play_modal'
2014-02-07 18:51:05 -05:00
HIGHEST_SCORE = 1000000
class LevelSessionsCollection extends CocoCollection
url: ''
model: LevelSession
2014-02-20 16:58:35 -05:00
2014-02-07 18:51:05 -05:00
constructor: (levelID) ->
super()
@url = "/db/level/#{levelID}/my_sessions"
2014-02-07 18:51:05 -05:00
module.exports = class LadderView extends RootView
id: 'ladder-view'
template: require 'templates/play/ladder'
startsLoading: true
2014-02-14 19:53:34 -05:00
subscriptions:
'application:idle-changed': 'onIdleChanged'
2014-02-14 19:53:34 -05:00
events:
'click #simulate-button': 'onSimulateButtonClick'
'click #simulate-all-button': 'onSimulateAllButtonClick'
'click .play-button': 'onClickPlayButton'
'click a': 'onClickedLink'
2014-02-14 19:53:34 -05:00
2014-03-02 15:43:21 -05:00
constructor: (options, @levelID) ->
super(options)
@level = new Level(_id:@levelID)
p1 = @level.fetch()
@sessions = new LevelSessionsCollection(levelID)
p2 = @sessions.fetch({})
2014-03-02 15:43:21 -05:00
@simulator = new Simulator()
@simulator.on 'statusUpdate', @updateSimulationStatus, @
@teams = []
$.when(p1, p2).then @onLoaded
2014-03-02 15:43:21 -05:00
onLoaded: =>
2014-03-02 15:43:21 -05:00
@teams = teamDataFromLevel @level
@startsLoading = false
@render()
getRenderData: ->
ctx = super()
ctx.level = @level
ctx.link = "/play/level/#{@level.get('name')}"
ctx.simulationStatus = @simulationStatus
ctx.teams = @teams
ctx.levelID = @levelID
ctx.levelDescription = marked(@level.get('description')) if @level.get('description')
2014-03-02 15:43:21 -05:00
ctx
afterRender: ->
super()
return if @startsLoading
@insertSubView(@ladderTab = new LadderTabView({}, @level, @sessions))
@insertSubView(@myMatchesTab = new MyMatchesTabView({}, @level, @sessions))
@refreshInterval = setInterval(@fetchSessionsAndRefreshViews.bind(@), 10 * 1000)
hash = document.location.hash[1..] if document.location.hash
if hash and not (hash in ['my-matches', 'simulate', 'ladder'])
@showPlayModal(hash) if @sessions.loaded
2014-03-03 15:21:59 -05:00
2014-03-03 15:10:24 -05:00
fetchSessionsAndRefreshViews: ->
@sessions.fetch({"success": @refreshViews})
2014-03-03 15:21:59 -05:00
2014-03-03 15:10:24 -05:00
refreshViews: =>
return if @destroyed or application.userIsIdle or new Date() - 2000 < @lastRefreshTime
@lastRefreshTime = new Date()
2014-03-03 15:21:59 -05:00
@ladderTab.refreshLadder()
2014-03-03 15:10:24 -05:00
@myMatchesTab.refreshMatches()
console.log "Refreshing ladder and matches views."
onIdleChanged: (e) ->
@refreshViews() unless e.idle
2014-03-03 15:21:59 -05:00
2014-03-02 15:43:21 -05:00
# Simulations
onSimulateAllButtonClick: (e) ->
2014-03-02 15:43:21 -05:00
submitIDs = _.pluck @leaderboards[@teams[0].id].topPlayers.models, "id"
2014-02-14 19:53:34 -05:00
for ID in submitIDs
$.ajax
url: '/queue/scoring'
method: 'POST'
data:
session: ID
$("#simulate-all-button").prop "disabled", true
$("#simulate-all-button").text "Submitted all!"
2014-02-14 19:53:34 -05:00
onSimulateButtonClick: (e) ->
$("#simulate-button").prop "disabled",true
$("#simulate-button").text "Simulating..."
@simulator.fetchAndSimulateTask()
updateSimulationStatus: (simulationStatus, sessions)->
@simulationStatus = simulationStatus
try
if sessions?
#TODO: Fetch names from Redis, the creatorName is denormalized
creatorNames = (session.creatorName for session in sessions)
@simulationStatus = "Simulating game between "
for index in [0...creatorNames.length]
unless creatorNames[index]
creatorNames[index] = "Anonymous"
@simulationStatus += " and " + creatorNames[index]
@simulationStatus += "..."
catch e
console.log "There was a problem with the named simulation status: #{e}"
2014-02-20 16:58:35 -05:00
$("#simulation-status-text").text @simulationStatus
onClickPlayButton: (e) ->
@showPlayModal($(e.target).closest('.play-button').data('team'))
showPlayModal: (teamID) ->
return @showApologeticSignupModal() if me.get('anonymous')
session = (s for s in @sessions.models when s.get('team') is teamID)[0]
modal = new LadderPlayModal({}, @level, session, teamID)
2014-03-03 15:21:59 -05:00
@openModalView modal
2014-03-17 01:17:56 -04:00
showApologeticSignupModal: ->
SignupModal = require 'views/modal/signup_modal'
@openModalView(new SignupModal({showRequiredError:true}))
onClickedLink: (e) ->
link = $(e.target).closest('a').attr('href')
2014-03-17 01:17:56 -04:00
if link?.startsWith('/play/level') and me.get('anonymous')
e.stopPropagation()
e.preventDefault()
@showApologeticSignupModal()
2014-03-17 01:17:56 -04:00
destroy: ->
clearInterval @refreshInterval
@simulator.destroy()
super()