mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-11-27 17:45:40 -05:00
e218af8418
Closes #3676
119 lines
4.5 KiB
CoffeeScript
119 lines
4.5 KiB
CoffeeScript
ModalView = require 'views/core/ModalView'
|
|
State = require 'models/State'
|
|
template = require 'templates/courses/activate-licenses-modal'
|
|
CocoCollection = require 'collections/CocoCollection'
|
|
Prepaids = require 'collections/Prepaids'
|
|
Classroom = require 'models/Classroom'
|
|
Classrooms = require 'collections/Classrooms'
|
|
User = require 'models/User'
|
|
Users = require 'collections/Users'
|
|
|
|
module.exports = class ActivateLicensesModal extends ModalView
|
|
id: 'activate-licenses-modal'
|
|
template: template
|
|
|
|
events:
|
|
'change input[type="checkbox"][name="user"]': 'updateSelectedStudents'
|
|
'change select.classroom-select': 'replaceStudentList'
|
|
'submit form': 'onSubmitForm'
|
|
'click #get-more-licenses-btn': 'onClickGetMoreLicensesButton'
|
|
|
|
getInitialState: (options) ->
|
|
selectedUsers = options.selectedUsers or options.users
|
|
selectedUserModels = _.filter(selectedUsers.models, (user) -> not user.isEnrolled())
|
|
{
|
|
selectedUsers: new Users(selectedUserModels)
|
|
visibleSelectedUsers: new Users(selectedUserModels)
|
|
error: null
|
|
}
|
|
|
|
initialize: (options) ->
|
|
@state = new State(@getInitialState(options))
|
|
@classroom = options.classroom
|
|
@users = options.users.clone()
|
|
@users.comparator = (user) -> user.broadName().toLowerCase()
|
|
@prepaids = new Prepaids()
|
|
@prepaids.comparator = 'endDate' # use prepaids in order of expiration
|
|
@supermodel.trackRequest @prepaids.fetchByCreator(me.id)
|
|
@classrooms = new Classrooms()
|
|
@supermodel.trackRequest @classrooms.fetchMine({
|
|
data: {archived: false}
|
|
success: =>
|
|
@classrooms.each (classroom) =>
|
|
classroom.users = new Users()
|
|
jqxhrs = classroom.users.fetchForClassroom(classroom, { removeDeleted: true })
|
|
@supermodel.trackRequests(jqxhrs)
|
|
})
|
|
|
|
@listenTo @state, 'change', @render
|
|
@listenTo @state.get('selectedUsers'), 'change add remove reset', ->
|
|
@state.set { visibleSelectedUsers: new Users(@state.get('selectedUsers').filter (u) => @users.get(u)) }
|
|
@render()
|
|
@listenTo @users, 'change add remove reset', ->
|
|
@state.set { visibleSelectedUsers: new Users(@state.get('selectedUsers').filter (u) => @users.get(u)) }
|
|
@render()
|
|
@listenTo @prepaids, 'sync add remove', ->
|
|
@state.set {
|
|
unusedEnrollments: @prepaids.totalMaxRedeemers() - @prepaids.totalRedeemers()
|
|
}
|
|
|
|
onLoaded: ->
|
|
@prepaids.reset(@prepaids.filter((prepaid) -> prepaid.status() is 'available'))
|
|
super()
|
|
|
|
afterRender: ->
|
|
super()
|
|
# @updateSelectedStudents() # TODO: refactor to event/state style
|
|
|
|
updateSelectedStudents: (e) ->
|
|
userID = $(e.currentTarget).data('user-id')
|
|
user = @users.get(userID)
|
|
if @state.get('selectedUsers').contains(user)
|
|
@state.get('selectedUsers').remove(user)
|
|
else
|
|
@state.get('selectedUsers').add(user)
|
|
# @render() # TODO: Have @state automatically listen to children's change events?
|
|
|
|
replaceStudentList: (e) ->
|
|
selectedClassroomID = $(e.currentTarget).val()
|
|
@classroom = @classrooms.get(selectedClassroomID)
|
|
if not @classroom
|
|
users = _.uniq _.flatten @classrooms.map (classroom) -> classroom.users.models
|
|
@users.reset(users)
|
|
@users.sort()
|
|
else
|
|
@users.reset(@classrooms.get(selectedClassroomID).users.models)
|
|
@render()
|
|
null
|
|
|
|
onSubmitForm: (e) ->
|
|
e.preventDefault()
|
|
@state.set error: null
|
|
usersToRedeem = @state.get('visibleSelectedUsers')
|
|
@redeemUsers(usersToRedeem)
|
|
|
|
redeemUsers: (usersToRedeem) ->
|
|
if not usersToRedeem.size()
|
|
@finishRedeemUsers()
|
|
@hide()
|
|
return
|
|
|
|
user = usersToRedeem.first()
|
|
prepaid = @prepaids.find((prepaid) -> prepaid.status() is 'available')
|
|
prepaid.redeem(user, {
|
|
success: (prepaid) =>
|
|
user.set('coursePrepaid', prepaid.pick('_id', 'startDate', 'endDate'))
|
|
usersToRedeem.remove(user)
|
|
# pct = 100 * (usersToRedeem.originalSize - usersToRedeem.size() / usersToRedeem.originalSize)
|
|
# @$('#progress-area .progress-bar').css('width', "#{pct.toFixed(1)}%")
|
|
application.tracker?.trackEvent 'Enroll modal finished enroll student', category: 'Courses', userID: user.id
|
|
@redeemUsers(usersToRedeem)
|
|
error: (prepaid, jqxhr) =>
|
|
@state.set { error: jqxhr.responseJSON.message }
|
|
})
|
|
|
|
finishRedeemUsers: ->
|
|
@trigger 'redeem-users', @state.get('selectedUsers')
|
|
|
|
onClickGetMoreLicensesButton: ->
|
|
@hide?() # In case this is opened in /teachers/licenses itself, otherwise the button does nothing
|