2016-09-14 13:32:11 -04:00
|
|
|
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'
|
2016-09-14 13:32:11 -04:00
|
|
|
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'
|
|
|
|
|
2016-09-14 13:32:11 -04:00
|
|
|
|
|
|
|
|
|
|
|
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
|
2016-09-14 13:32:11 -04:00
|
|
|
|
|
|
|
getTitle: -> return @user?.broadName()
|
|
|
|
|
2016-09-15 16:48:26 -04:00
|
|
|
initialize: (options, classroomID, @studentID) ->
|
2016-09-14 13:32:11 -04:00
|
|
|
@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
|
2016-09-14 13:32:11 -04:00
|
|
|
@supermodel.trackRequest(@courses.fetch({data: { project: 'name' }}))
|
|
|
|
|
2016-09-14 22:15:08 -04:00
|
|
|
@courseInstances = new CourseInstances()
|
|
|
|
@supermodel.trackRequest @courseInstances.fetchForClassroom(classroomID)
|
|
|
|
|
2016-09-14 13:32:11 -04:00
|
|
|
@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
|
2016-09-14 13:32:11 -04:00
|
|
|
@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-14 13:32:11 -04:00
|
|
|
|
2016-09-15 16:48:26 -04:00
|
|
|
@urls = require('core/urls')
|
2016-09-14 13:32:11 -04:00
|
|
|
|
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 = {}
|
|
|
|
|
2016-09-14 13:32:11 -04:00
|
|
|
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
|
|
|
|
2016-09-14 13:32:11 -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
|
2016-09-14 13:32:11 -04:00
|
|
|
@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
|
|
|
|
|
2016-09-14 13:32:11 -04:00
|
|
|
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 = {}
|
2016-09-14 13:32:11 -04:00
|
|
|
|
|
|
|
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
|
2016-09-14 13:32:11 -04:00
|
|
|
|
|
|
|
# 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
|
|
|
|
2016-09-14 13:32:11 -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"
|