mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-12-12 00:31:21 -05:00
205 lines
8.4 KiB
CoffeeScript
205 lines
8.4 KiB
CoffeeScript
app = require 'core/application'
|
|
utils = require 'core/utils'
|
|
RootView = require 'views/core/RootView'
|
|
template = require 'templates/courses/mock1/course-details'
|
|
CocoCollection = require 'collections/CocoCollection'
|
|
Campaign = require 'models/Campaign'
|
|
|
|
module.exports = class CourseDetailsView extends RootView
|
|
id: 'course-details-mock-view'
|
|
template: template
|
|
|
|
events:
|
|
'change .expand-progress-checkbox': 'onExpandedProgressCheckbox'
|
|
'change .student-mode-checkbox': 'onChangeStudent'
|
|
'click .btn-play-level': 'onClickPlayLevel'
|
|
'click .btn-save-settings': 'onClickSaveSettings'
|
|
'click .member-header': 'onClickMemberHeader'
|
|
'click .progress-header': 'onClickProgressHeader'
|
|
'mouseenter .progress-level-cell': 'onMouseEnterPoint'
|
|
'mouseleave .progress-level-cell': 'onMouseLeavePoint'
|
|
|
|
constructor: (options, @courseID=0, @instanceID=0) ->
|
|
super options
|
|
@studentMode = utils.getQueryVariable('student', false) or options.studentMode
|
|
@initData()
|
|
|
|
destroy: ->
|
|
@stopListening?()
|
|
|
|
getRenderData: ->
|
|
context = super()
|
|
context.conceptsProgression = @conceptsProgression ? []
|
|
context.course = @course ? {}
|
|
context.courseConcepts = @courseConcepts ? []
|
|
context.instance = @instances?[@currentInstanceIndex] ? {}
|
|
context.instances = @instances ? []
|
|
context.levelConceptsMap = @levelConceptsMap ? {}
|
|
context.maxLastStartedIndex = @maxLastStartedIndex ? 0
|
|
context.memberSort = @memberSort
|
|
context.userConceptsMap = @userConceptsMap ? {}
|
|
context.userLevelStateMap = @userLevelStateMap ? {}
|
|
context.showExpandedProgress = @showExpandedProgress
|
|
context.stats = @stats
|
|
context.studentMode = @studentMode ? false
|
|
|
|
conceptsCompleted = {}
|
|
for user of context.userConceptsMap
|
|
for concept of context.userConceptsMap[user]
|
|
conceptsCompleted[concept] ?= 0
|
|
conceptsCompleted[concept]++
|
|
context.conceptsCompleted = conceptsCompleted
|
|
context
|
|
|
|
initData: ->
|
|
@memberSort = 'nameAsc'
|
|
mockData = require 'views/courses/mock1/CoursesMockData'
|
|
@course = mockData.courses[@courseID]
|
|
@currentInstanceIndex = @instanceID
|
|
@instances = mockData.instances
|
|
@updateLevelMaps()
|
|
|
|
@campaigns = new CocoCollection([], { url: "/db/campaign", model: Campaign, comparator:'_id' })
|
|
@listenTo @campaigns, 'sync', @onCampaignSync
|
|
@supermodel.loadModel @campaigns, 'clan', cache: false
|
|
|
|
updateLevelMaps: ->
|
|
@levelMap = {}
|
|
@levelMap[level] = true for level in @course.levels
|
|
@userLevelStateMap = {}
|
|
@stats =
|
|
averageLevelPlaytime: _.random(30, 240)
|
|
averageLevelsCompleted: _.random(1, @course.levels.length)
|
|
students: {}
|
|
@maxLastStartedIndex = -1
|
|
for student in @instances?[@currentInstanceIndex].students
|
|
@userLevelStateMap[student] = {}
|
|
lastCompletedIndex = _.random(-1, @course.levels.length)
|
|
for i in [0..lastCompletedIndex]
|
|
@userLevelStateMap[student][@course.levels[i]] = 'complete'
|
|
lastStartedIndex = lastCompletedIndex + 1
|
|
@userLevelStateMap[student][@course.levels[lastStartedIndex]] = 'started'
|
|
@maxLastStartedIndex = lastStartedIndex if lastStartedIndex > @maxLastStartedIndex
|
|
|
|
@stats[student] ?= {}
|
|
@stats[student].levelsCompleted = 0
|
|
@stats[student].levelsCompleted++ for level in @course.levels when @userLevelStateMap[student][level] is 'complete'
|
|
@stats[student].secondsPlayed = Math.round(Math.random() * 1000 * (@stats[student].levelsCompleted + 1))
|
|
@stats[student].secondsLastPlayed = Math.round(Math.random() * 100000)
|
|
@sortMembers()
|
|
@stats.totalPlayTime = @instances?[@currentInstanceIndex].students?.length * @stats.averageLevelPlaytime ? 0
|
|
@stats.totalLevelsCompleted = @instances?[@currentInstanceIndex].students?.length * @stats.averageLevelsCompleted ? 0
|
|
@stats.totalPlayTime = @instances?[@currentInstanceIndex].students?.length * @stats.averageLevelPlaytime ? 0
|
|
@stats.lastLevelCompleted = @course.levels[0] ? @course.levels[@course.levels.length - 1]
|
|
|
|
sortMembers: ->
|
|
# Progress sort precedence: most completed concepts, most started concepts, most levels, name sort
|
|
instance = @instances?[@currentInstanceIndex] ? {}
|
|
return if _.isEmpty(instance)
|
|
switch @memberSort
|
|
when "nameDesc"
|
|
instance.students.sort (a, b) -> b.localeCompare(a)
|
|
when "progressAsc"
|
|
instance.students.sort (a, b) =>
|
|
for level in @course.levels
|
|
if @userLevelStateMap[a][level] isnt 'complete' and @userLevelStateMap[b][level] is 'complete'
|
|
return -1
|
|
else if @userLevelStateMap[a][level] is 'complete' and @userLevelStateMap[b][level] isnt 'complete'
|
|
return 1
|
|
0
|
|
when "progressDesc"
|
|
instance.students.sort (a, b) =>
|
|
for level in @course.levels
|
|
if @userLevelStateMap[a][level] isnt 'complete' and @userLevelStateMap[b][level] is 'complete'
|
|
return 1
|
|
else if @userLevelStateMap[a][level] is 'complete' and @userLevelStateMap[b][level] isnt 'complete'
|
|
return -1
|
|
0
|
|
else
|
|
instance.students.sort (a, b) -> a.localeCompare(b)
|
|
|
|
onCampaignSync: ->
|
|
return unless @campaigns.loaded
|
|
@conceptsProgression = []
|
|
@courseConcepts = []
|
|
@levelConceptsMap = {}
|
|
@levelNameSlugMap = {}
|
|
@userConceptsMap = {}
|
|
# Update course levels if course has a specific campaign
|
|
for campaign in @campaigns.models when campaign.get('slug') is @course.campaign
|
|
@course.levels = []
|
|
for levelID, level of campaign.get('levels')
|
|
if campaign.get('slug') is @course.campaign
|
|
@course.levels.push level.name
|
|
@updateLevelMaps()
|
|
|
|
for campaign in @campaigns.models
|
|
continue if campaign.get('slug') is 'auditions'
|
|
for levelID, level of campaign.get('levels')
|
|
@levelNameSlugMap[level.name] = level.slug
|
|
if level.concepts?
|
|
for concept in level.concepts
|
|
@conceptsProgression.push concept unless concept in @conceptsProgression
|
|
continue unless @levelMap[level.name]
|
|
@courseConcepts.push concept unless concept in @courseConcepts
|
|
@levelConceptsMap[level.name] ?= {}
|
|
@levelConceptsMap[level.name][concept] = true
|
|
for student in @instances?[@currentInstanceIndex].students
|
|
@userConceptsMap[student] ?= {}
|
|
if @userLevelStateMap[student][level.name] is 'complete'
|
|
@userConceptsMap[student][concept] = 'complete'
|
|
else if @userLevelStateMap[student][level.name] is 'started'
|
|
@userConceptsMap[student][concept] ?= 'started'
|
|
@courseConcepts.sort (a, b) => if @conceptsProgression.indexOf(a) < @conceptsProgression.indexOf(b) then -1 else 1
|
|
@render?()
|
|
|
|
onChangeStudent: (e) ->
|
|
@studentMode = $('.student-mode-checkbox').prop('checked')
|
|
@render?()
|
|
$('.student-mode-checkbox').attr('checked', @studentMode)
|
|
|
|
onExpandedProgressCheckbox: (e) ->
|
|
@showExpandedProgress = $('.expand-progress-checkbox').prop('checked')
|
|
# TODO: why does render reset the checkbox to be unchecked?
|
|
@render?()
|
|
$('.expand-progress-checkbox').attr('checked', @showExpandedProgress)
|
|
|
|
onClickMemberHeader: (e) ->
|
|
@memberSort = if @memberSort is 'nameAsc' then 'nameDesc' else 'nameAsc'
|
|
@sortMembers()
|
|
@render?()
|
|
|
|
onClickProgressHeader: (e) ->
|
|
@memberSort = if @memberSort is 'progressAsc' then 'progressDesc' else 'progressAsc'
|
|
@sortMembers()
|
|
@render?()
|
|
|
|
onClickPlayLevel: (e) ->
|
|
levelName = $(e.target).data('level')
|
|
levelSlug = @levelNameSlugMap[levelName]
|
|
Backbone.Mediator.publish 'router:navigate', {
|
|
route: "/play/level/#{levelSlug}"
|
|
viewClass: 'views/play/level/PlayLevelView'
|
|
viewArgs: [{}, levelSlug]
|
|
}
|
|
|
|
onClickSaveSettings: (e) ->
|
|
if name = $('.edit-name-input').val()
|
|
@instances[@currentInstanceIndex].name = name
|
|
description = $('.edit-description-input').val()
|
|
@instances[@currentInstanceIndex].description = description
|
|
$('#editSettingsModal').modal('hide')
|
|
@render?()
|
|
|
|
onMouseEnterPoint: (e) ->
|
|
$('.level-popup-container').hide()
|
|
container = $(e.target).find('.level-popup-container').show()
|
|
margin = 20
|
|
offset = $(e.target).offset()
|
|
scrollTop = $('#page-container').scrollTop()
|
|
height = container.outerHeight()
|
|
container.css('left', offset.left + e.offsetX)
|
|
container.css('top', offset.top + scrollTop - height - margin)
|
|
|
|
onMouseLeavePoint: (e) ->
|
|
$(e.target).find('.level-popup-container').hide()
|