mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-11-25 00:28:31 -05:00
89 lines
3.7 KiB
CoffeeScript
89 lines
3.7 KiB
CoffeeScript
CocoView = require 'views/kinds/CocoView'
|
|
template = require 'templates/achievements/achievement-popup'
|
|
User = require '../../models/User'
|
|
Achievement = require '../../models/Achievement'
|
|
|
|
module.exports = class AchievementPopup extends CocoView
|
|
className: 'achievement-popup'
|
|
template: template
|
|
|
|
constructor: (options) ->
|
|
@achievement = options.achievement
|
|
@earnedAchievement = options.earnedAchievement
|
|
@container = options.container or @getContainer()
|
|
@popup = options.container
|
|
@popup ?= true
|
|
super options
|
|
console.debug 'Created an AchievementPopup', @$el
|
|
|
|
@render()
|
|
|
|
calculateData: ->
|
|
currentLevel = me.level()
|
|
nextLevel = currentLevel + 1
|
|
currentLevelExp = User.expForLevel(currentLevel)
|
|
nextLevelXP = User.expForLevel(nextLevel)
|
|
totalExpNeeded = nextLevelXP - currentLevelExp
|
|
expFunction = @achievement.getExpFunction()
|
|
currentXP = me.get 'points'
|
|
if @achievement.isRepeatable()
|
|
achievedXP = expFunction(@earnedAchievement.get('previouslyAchievedAmount')) * @achievement.get('worth') if @achievement.isRepeatable()
|
|
else
|
|
achievedXP = @achievement.get 'worth'
|
|
previousXP = currentXP - achievedXP
|
|
leveledUp = currentXP - achievedXP < currentLevelExp
|
|
#console.debug 'Leveled up' if leveledUp
|
|
alreadyAchievedPercentage = 100 * (previousXP - currentLevelExp) / totalExpNeeded
|
|
alreadyAchievedPercentage = 0 if alreadyAchievedPercentage < 0 # In case of level up
|
|
newlyAchievedPercentage = if leveledUp then 100 * (currentXP - currentLevelExp) / totalExpNeeded else 100 * achievedXP / totalExpNeeded
|
|
|
|
#console.debug "Current level is #{currentLevel} (#{currentLevelExp} xp), next level is #{nextLevel} (#{nextLevelXP} xp)."
|
|
#console.debug "Need a total of #{nextLevelXP - currentLevelExp}, already had #{previousXP} and just now earned #{achievedXP} totalling on #{currentXP}"
|
|
|
|
alreadyAchievedBar = $("<div class='progress-bar xp-bar-old' style='width:#{alreadyAchievedPercentage}%'></div>")
|
|
newlyAchievedBar = $("<div data-toggle='tooltip' class='progress-bar exp-bar-new' style='width:#{newlyAchievedPercentage}%'></div>")
|
|
emptyBar = $("<div data-toggle='tooltip' class='progress-bar exp-bar-left' style='width:#{100 - newlyAchievedPercentage - alreadyAchievedPercentage}%'></div>")
|
|
progressBar = $('<div class="progress" data-toggle="tooltip"></div>').append(alreadyAchievedBar).append(newlyAchievedBar).append(emptyBar)
|
|
|
|
alreadyAchievedBar.tooltip(title: "#{currentXP} XP in total")
|
|
newlyAchievedBar.tooltip(title: "#{achievedXP} XP earned")
|
|
emptyBar.tooltip(title: "#{nextLevelXP - currentXP} XP until level #{nextLevel}")
|
|
|
|
data =
|
|
title: @achievement.get('name')
|
|
imgURL: @achievement.getImageURL()
|
|
description: @achievement.get('description')
|
|
level: currentLevel
|
|
currentXP: currentXP
|
|
newXP: achievedXP
|
|
leftXP: nextLevelXP - currentXP
|
|
oldXPWidth: alreadyAchievedPercentage
|
|
newXPWidth: newlyAchievedPercentage
|
|
leftXPWidth: 100 - newlyAchievedPercentage - alreadyAchievedPercentage
|
|
|
|
getRenderData: ->
|
|
c = super()
|
|
_.extend c, @calculateData()
|
|
c.style = @achievement.getStyle()
|
|
c.popup = true
|
|
c
|
|
|
|
render: ->
|
|
console.debug 'render achievement popup'
|
|
super()
|
|
@container.append @$el
|
|
|
|
getContainer: ->
|
|
unless @container
|
|
@container = $('.achievement-popup-container')
|
|
unless @container.length
|
|
$('body').append('<div class="achievement-popup-container"></div>')
|
|
@container = $('.achievement-popup-container')
|
|
@container
|
|
|
|
afterRender: ->
|
|
super()
|
|
_.delay @initializeTooltips, 1000 # TODO this could be smoother
|
|
|
|
initializeTooltips: ->
|
|
$('.progress-bar').tooltip()
|