codecombat/app/views/teachers/TeacherStudentView.coffee

237 lines
9.6 KiB
CoffeeScript
Raw Normal View History

RootView = require 'views/core/RootView'
Campaigns = require 'collections/Campaigns'
Classroom = require 'models/Classroom'
Courses = require 'collections/Courses'
Levels = require 'collections/Levels'
2016-09-14 22:15:08 -04:00
LevelSession = require 'models/LevelSession'
LevelSessions = require 'collections/LevelSessions'
User = require 'models/User'
Users = require 'collections/Users'
CourseInstances = require 'collections/CourseInstances'
2016-09-14 22:15:08 -04:00
# Users = require 'collections/Users'
# helper = require 'lib/coursesHelper'
# popoverTemplate = require 'templates/courses/classroom-level-popover'
# Prepaids = require 'collections/Prepaids'
# utils = require 'core/utils'
# CocoCollection = require 'collections/CocoCollection'
module.exports = class TeacherStudentView extends RootView
id: 'teacher-student-view'
template: require 'templates/teachers/teacher-student-view'
2016-09-14 22:15:08 -04:00
# helper: helper
events:
'click .assign-student-button': 'onClickAssignStudentButton'
2016-09-15 16:48:26 -04:00
'click .enroll-student-button': 'onClickEnrollStudentButton' # this button isn't working yet
getTitle: -> return @user?.broadName()
2016-09-15 16:48:26 -04:00
initialize: (options, classroomID, @studentID) ->
@classroom = new Classroom({_id: classroomID})
@listenToOnce @classroom, 'sync', @onClassroomSync
@supermodel.trackRequest(@classroom.fetch())
@courses = new Courses()
2016-09-14 22:15:08 -04:00
# @courses.comparator = '_id'
# @courseInstances = new CocoCollection([], { url: "/db/course_instance", model: CourseInstance})
# @courseInstances.comparator = 'courseID'
# @supermodel.loadCollection(@courseInstances, { data: { classroomID: classroomID } })
# @listenToOnce @courses, 'sync', @onCourseInstancesSync
@supermodel.trackRequest(@courses.fetch({data: { project: 'name' }}))
2016-09-14 22:15:08 -04:00
@courseInstances = new CourseInstances()
@supermodel.trackRequest @courseInstances.fetchForClassroom(classroomID)
@levels = new Levels()
2016-09-14 22:15:08 -04:00
# @levels.fetchForClassroom(classroomID, {data: {project: 'name,original,practice,slug'}})
# @levels.on 'add', (model) -> @_byId[model.get('original')] = model # so you can 'get' them
@supermodel.trackRequest(@levels.fetchForClassroom(classroomID, {data: {project: 'name,original'}}))
2016-09-15 16:48:26 -04:00
#
# @user = new User({_id: studentID})
# @supermodel.trackRequest(@user.fetch())
2016-09-15 16:48:26 -04:00
@urls = require('core/urls')
2016-09-15 16:48:26 -04:00
@singleStudentLevelProgressDotTemplate = require 'templates/teachers/hovers/progress-dot-single-student-level'
2016-09-14 22:15:08 -04:00
@levelProgressMap = {}
super(options)
2016-09-15 16:48:26 -04:00
onLoaded: ->
if @students.loaded and not @destroyed
@user = _.find(@students.models, (s)=> s.id is @studentID)
@updateLastPlayedString()
@updateLevelProgressMap()
@render()
super()
afterRender: ->
super(arguments...)
$('.progress-dot, .btn-view-project-level').each (i, el) ->
dot = $(el)
dot.tooltip({
html: true
container: dot
}).delegate '.tooltip', 'mousemove', ->
dot.tooltip('hide')
2016-09-14 22:15:08 -04:00
onClassroomSync: ->
# Now that we have the classroom from db, can request all level sessions for this classroom
@sessions = new LevelSessions()
2016-09-14 22:15:08 -04:00
@sessions.comparator = 'changed' # Sort level sessions by changed field, ascending
@listenTo @sessions, 'sync', @onSessionsSync
@supermodel.trackRequests(@sessions.fetchForAllClassroomMembers(@classroom))
2016-09-15 16:48:26 -04:00
@students = new Users()
jqxhrs = @students.fetchForClassroom(@classroom, removeDeleted: true)
# @listenTo @students, ->
# console.log @students
@supermodel.trackRequests jqxhrs
onSessionsSync: ->
# Now we have some level sessions, and enough data to calculate last played string
# This may be called multiple times due to paged server API calls via fetchForAllClassroomMembers
return if @destroyed # Don't do anything if page was destroyed after db request
@updateLastPlayedString()
2016-09-14 22:15:08 -04:00
@updateLevelProgressMap()
# onCourseInstancesSync: ->
# # @sessions = new CocoCollection([], { model: LevelSession })
# for courseInstance in @courseInstances.models
# sessions = new CocoCollection([], { url: "/db/course_instance/#{courseInstance.id}/level_sessions", model: LevelSession })
# @supermodel.loadCollection(sessions, { data: { project: ['level', 'playtime', 'creator', 'changed', 'state.complete'].join(' ') } })
# courseInstance.sessions = sessions
# sessions.courseInstance = courseInstance
# courseInstance.sessionsByUser = {}
# @listenToOnce sessions, 'sync', (sessions) ->
# @sessions.add(sessions.slice())
# for courseInstance in @courseInstances.models
# courseInstance.sessionsByUser = courseInstance.sessions.groupBy('creator')
#
# # Generate course instance JIT, in the meantime have models w/out equivalents in the db
# for course in @courses.models
# query = {courseID: course.id, classroomID: @classroom.id}
# courseInstance = @courseInstances.findWhere(query)
# if not courseInstance
# courseInstance = new CourseInstance(query)
# @courseInstances.add(courseInstance)
# courseInstance.sessions = new CocoCollection([], {model: LevelSession})
# # sessions.courseInstance = courseInstance
# courseInstance.sessionsByUser = {}
updateLastPlayedString: ->
# Make sure all our data is loaded, @sessions may not even be intialized yet
2016-09-15 16:48:26 -04:00
return unless @courses.loaded and @levels.loaded and @sessions?.loaded and @user?.loaded
# Use lodash to find the last session for our user, @sessions already sorted by changed date
session = _.findLast @sessions.models, (s) => s.get('creator') is @user.id
2016-09-14 22:15:08 -04:00
return unless session
# Find course for this level session, for it's name
# Level.original is the original id, used for level versioning, and connects levels to level sessions
for versionedCourse in @classroom.get('courses') ? []
for level in versionedCourse.levels
if level.original is session.get('level').original
# Found the level for our level session in the classroom versioned courses
# Find the full course so we can get it's name
course = _.find @courses.models, (c) => c.id is versionedCourse._id
break
# Find level for this level session, for it's name
level = @levels.findWhere({original: session.get('level').original})
# Update last played string based on what we found
@lastPlayedString = ""
@lastPlayedString += course.get('name') if course
@lastPlayedString += ", " if course and level
@lastPlayedString += level.get('name') if level
@lastPlayedString += ", " if @lastPlayedString
@lastPlayedString += session.get('changed')
# Rerun template/jade file to display new last played string
@render()
2016-09-14 22:15:08 -04:00
updateLevelProgressMap: ->
2016-09-15 16:48:26 -04:00
return unless @courses.loaded and @levels.loaded and @sessions?.loaded and @user?.loaded
2016-09-14 22:15:08 -04:00
# Map levels to sessions once, so we don't have to search entire session list multiple times below
2016-09-15 16:48:26 -04:00
@levelSessionMap = {}
for session in @sessions.models when session.get('creator') is @studentID
@levelSessionMap[session.get('level').original] = session
2016-09-14 22:15:08 -04:00
# Create mapping of level to student progress
@levelProgressMap = {}
for versionedCourse in @classroom.get('courses') ? []
for versionedLevel in versionedCourse.levels
2016-09-15 16:48:26 -04:00
session = @levelSessionMap[versionedLevel.original]
2016-09-14 22:15:08 -04:00
if session
if session.get('state')?.complete
@levelProgressMap[versionedLevel.original] = 'complete'
else
@levelProgressMap[versionedLevel.original] = 'started'
else
@levelProgressMap[versionedLevel.original] = 'not started'
studentStatusString: () ->
status = @user.prepaidStatus()
expires = @user.get('coursePrepaid')?.endDate
string = switch status
when 'not-enrolled' then $.i18n.t('teacher.status_not_enrolled')
when 'enrolled' then (if expires then $.i18n.t('teacher.status_enrolled') else '-')
when 'expired' then $.i18n.t('teacher.status_expired')
return string.replace('{{date}}', moment(expires).utc().format('l'))
onClickEnrollStudentButton: (e) ->
userID = $(e.currentTarget).data('user-id')
user = @user.get(userID)
selectedUsers = new Users([user])
@enrollStudents(selectedUsers)
window.tracker?.trackEvent $(e.currentTarget).data('event-action'), category: 'Teachers', classroomID: @classroom.id, userID: userID, ['Mixpanel']
enrollStudents: (selectedUsers) ->
modal = new ActivateLicensesModal { @classroom, selectedUsers, users: @user }
@openModalView(modal)
modal.once 'redeem-users', (enrolledUsers) =>
enrolledUsers.each (newUser) =>
user = @user.get(newUser.id)
if user
user.set(newUser.attributes)
null
#
# onLoaded: ->
# console.log("on loaded")
# for courseInstance in @courseInstances.models
# courseID = courseInstance.get('courseID')
# course = @courses.get(courseID)
# # courseInstance.sessions.course = course
# @updateLastPlayedString()
# super()
#
# afterRender: ->
# @$('[data-toggle="popover"]').popover({
# html: true
# trigger: 'hover'
# placement: 'top'
# })
# super()
#
# levelPopoverContent: (level, session, i) ->
# return null unless level
# context = {
# moment: moment
# level: level
# session: session
# i: i
# canViewSolution: @teacherMode
# }
# return popoverTemplate(context)
#
# getLevelURL: (level, course, courseInstance, session) ->
# return null unless @teacherMode and _.all(arguments)
# "/play/level/#{level.get('slug')}?course=#{course.id}&course-instance=#{courseInstance.id}&session=#{session.id}&observing=true"