mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-11-29 18:45:48 -05:00
107 lines
3.7 KiB
CoffeeScript
107 lines
3.7 KiB
CoffeeScript
CocoView = require 'views/kinds/CocoView'
|
|
template = require 'templates/play/level/goals'
|
|
{me} = require 'lib/auth'
|
|
utils = require 'lib/utils'
|
|
|
|
stateIconMap =
|
|
incomplete: 'icon-minus'
|
|
success: 'icon-ok'
|
|
failure: 'icon-remove'
|
|
|
|
module.exports = class LevelGoalsView extends CocoView
|
|
id: 'goals-view'
|
|
template: template
|
|
className: 'secret expanded'
|
|
playbackEnded: false
|
|
mouseEntered: false
|
|
|
|
subscriptions:
|
|
'goal-manager:new-goal-states': 'onNewGoalStates'
|
|
'level:set-letterbox': 'onSetLetterbox'
|
|
'surface:playback-restarted': 'onSurfacePlaybackRestarted'
|
|
'surface:playback-ended': 'onSurfacePlaybackEnded'
|
|
|
|
events:
|
|
'mouseenter': ->
|
|
@mouseEntered = true
|
|
@updatePlacement()
|
|
|
|
'mouseleave': ->
|
|
@mouseEntered = false
|
|
@updatePlacement()
|
|
|
|
onNewGoalStates: (e) ->
|
|
firstRun = not @previousGoalStatus?
|
|
@previousGoalStatus ?= {}
|
|
@$el.find('.goal-status').addClass 'secret'
|
|
classToShow = null
|
|
classToShow = 'success' if e.overallStatus is 'success'
|
|
classToShow = 'failure' if e.overallStatus is 'failure'
|
|
classToShow ?= 'timed-out' if e.timedOut
|
|
classToShow ?= 'incomplete'
|
|
@$el.find('.goal-status.'+classToShow).removeClass 'secret'
|
|
list = $('#primary-goals-list', @$el)
|
|
list.empty()
|
|
goals = []
|
|
for goal in e.goals
|
|
state = e.goalStates[goal.id]
|
|
continue if goal.hiddenGoal and state.status isnt 'failure'
|
|
continue if goal.team and me.team isnt goal.team
|
|
text = utils.i18n goal, 'name'
|
|
if state.killed
|
|
dead = _.filter(_.values(state.killed)).length
|
|
targeted = _.values(state.killed).length
|
|
if targeted > 1
|
|
# Does this make sense?
|
|
if goal.isPositive
|
|
completed = dead
|
|
else
|
|
completed = targeted - dead
|
|
text = text + " (#{completed}/#{targeted})"
|
|
# This should really get refactored, along with GoalManager, so that goals have a standard
|
|
# representation of how many are done, how many are needed, what that means, etc.
|
|
li = $('<li></li>').addClass("status-#{state.status}").text(text)
|
|
li.prepend($('<i></i>').addClass(stateIconMap[state.status]))
|
|
list.append(li)
|
|
goals.push goal
|
|
if not firstRun and state.status is 'success' and @previousGoalStatus[goal.id] isnt 'success'
|
|
Backbone.Mediator.publish 'audio-player:play-sound', trigger: 'goal-success', volume: 1
|
|
else if not firstRun and state.status isnt 'success' and @previousGoalStatus[goal.id] is 'success'
|
|
Backbone.Mediator.publish 'audio-player:play-sound', trigger: 'goal-incomplete-again', volume: 1
|
|
@previousGoalStatus[goal.id] = state.status
|
|
@$el.removeClass('secret') if goals.length > 0
|
|
@updatePlacement()
|
|
|
|
onSurfacePlaybackRestarted: ->
|
|
@playbackEnded = false
|
|
@$el.removeClass 'brighter'
|
|
@updatePlacement()
|
|
|
|
onSurfacePlaybackEnded: ->
|
|
@playbackEnded = true
|
|
@$el.addClass 'brighter'
|
|
@updatePlacement()
|
|
|
|
updatePlacement: ->
|
|
expand = @playbackEnded or @mouseEntered
|
|
return if expand is @expanded
|
|
sound = if expand then 'goals-expand' else 'goals-collapse'
|
|
top = if expand then -10 else 26 - @$el.outerHeight()
|
|
@$el.css 'top', top
|
|
if @soundTimeout
|
|
# Don't play the sound we were going to play after all; the transition has reversed.
|
|
clearTimeout @soundTimeout
|
|
@soundTimeout = null
|
|
else if @expanded?
|
|
# Play it when the transition ends, not when it begins.
|
|
@soundTimeout = _.delay @playToggleSound, 500, sound
|
|
@expanded = expand
|
|
|
|
playToggleSound: (sound) =>
|
|
return if @destroyed
|
|
Backbone.Mediator.publish 'audio-player:play-sound', trigger: sound, volume: 1
|
|
@soundTimeout = null
|
|
|
|
onSetLetterbox: (e) ->
|
|
@$el.toggle not e.on
|
|
@updatePlacement()
|