mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-12-21 04:52:47 -05:00
326 lines
12 KiB
CoffeeScript
326 lines
12 KiB
CoffeeScript
RootView = require 'views/core/RootView'
|
|
forms = require 'core/forms'
|
|
TrialRequest = require 'models/TrialRequest'
|
|
TrialRequests = require 'collections/TrialRequests'
|
|
AuthModal = require 'views/core/AuthModal'
|
|
errors = require 'core/errors'
|
|
User = require 'models/User'
|
|
algolia = require 'core/services/algolia'
|
|
|
|
SIGNUP_REDIRECT = '/teachers/classes'
|
|
DISTRICT_NCES_KEYS = ['district', 'district_id', 'district_schools', 'district_students', 'phone']
|
|
SCHOOL_NCES_KEYS = DISTRICT_NCES_KEYS.concat(['id', 'name', 'students'])
|
|
|
|
module.exports = class CreateTeacherAccountView extends RootView
|
|
id: 'create-teacher-account-view'
|
|
template: require 'templates/teachers/create-teacher-account-view'
|
|
|
|
events:
|
|
'click .login-link': 'onClickLoginLink'
|
|
'change form': 'onChangeForm'
|
|
'submit form': 'onSubmitForm'
|
|
'click #gplus-signup-btn': 'onClickGPlusSignupButton'
|
|
'click #facebook-signup-btn': 'onClickFacebookSignupButton'
|
|
'change input[name="city"]': 'invalidateNCES'
|
|
'change input[name="state"]': 'invalidateNCES'
|
|
'change input[name="district"]': 'invalidateNCES'
|
|
'change input[name="country"]': 'invalidateNCES'
|
|
|
|
initialize: ->
|
|
@trialRequest = new TrialRequest()
|
|
@trialRequests = new TrialRequests()
|
|
@trialRequests.fetchOwn()
|
|
@supermodel.trackCollection(@trialRequests)
|
|
window.tracker?.trackEvent 'Teachers Create Account Loaded', category: 'Teachers', ['Mixpanel']
|
|
|
|
onLeaveMessage: ->
|
|
if @formChanged
|
|
return 'Your account has not been created! If you continue, your changes will be lost.'
|
|
|
|
onLoaded: ->
|
|
if @trialRequests.size()
|
|
@trialRequest = @trialRequests.first()
|
|
super()
|
|
|
|
invalidateNCES: ->
|
|
for key in SCHOOL_NCES_KEYS
|
|
@$('input[name="nces_' + key + '"]').val ''
|
|
|
|
afterRender: ->
|
|
super()
|
|
|
|
# apply existing trial request on form
|
|
properties = @trialRequest.get('properties')
|
|
if properties
|
|
forms.objectToForm(@$('form'), properties)
|
|
commonLevels = _.map @$('[name="educationLevel"]'), (el) -> $(el).val()
|
|
submittedLevels = properties.educationLevel or []
|
|
otherLevel = _.first(_.difference(submittedLevels, commonLevels)) or ''
|
|
@$('#other-education-level-checkbox').attr('checked', !!otherLevel)
|
|
@$('#other-education-level-input').val(otherLevel)
|
|
|
|
$("#organization-control").algolia_autocomplete({hint: false}, [
|
|
source: (query, callback) ->
|
|
algolia.schoolsIndex.search(query, { hitsPerPage: 5, aroundLatLngViaIP: false }).then (answer) ->
|
|
callback answer.hits
|
|
, ->
|
|
callback []
|
|
displayKey: 'name',
|
|
templates:
|
|
suggestion: (suggestion) ->
|
|
hr = suggestion._highlightResult
|
|
"<div class='school'> #{hr.name.value} </div>" +
|
|
"<div class='district'>#{hr.district.value}, " +
|
|
"<span>#{hr.city?.value}, #{hr.state.value}</span></div>"
|
|
]).on 'autocomplete:selected', (event, suggestion, dataset) =>
|
|
# Tell Algolioa about the change but don't open the suggestion dropdown
|
|
@$('input[name="district"]').val(suggestion.district).trigger('input').trigger('blur')
|
|
@$('input[name="city"]').val suggestion.city
|
|
@$('input[name="state"]').val suggestion.state
|
|
@$('input[name="country"]').val 'USA'
|
|
for key in SCHOOL_NCES_KEYS
|
|
@$('input[name="nces_' + key + '"]').val suggestion[key]
|
|
@onChangeForm()
|
|
|
|
$("#district-control").algolia_autocomplete({hint: false}, [
|
|
source: (query, callback) ->
|
|
algolia.schoolsIndex.search(query, { hitsPerPage: 5, aroundLatLngViaIP: false }).then (answer) ->
|
|
callback answer.hits
|
|
, ->
|
|
callback []
|
|
displayKey: 'district',
|
|
templates:
|
|
suggestion: (suggestion) ->
|
|
hr = suggestion._highlightResult
|
|
"<div class='district'>#{hr.district.value}, " +
|
|
"<span>#{hr.city?.value}, #{hr.state.value}</span></div>"
|
|
]).on 'autocomplete:selected', (event, suggestion, dataset) =>
|
|
@$('input[name="organization"]').val('').trigger('input').trigger('blur')
|
|
@$('input[name="city"]').val suggestion.city
|
|
@$('input[name="state"]').val suggestion.state
|
|
@$('input[name="country"]').val 'USA'
|
|
for key in DISTRICT_NCES_KEYS
|
|
@$('input[name="nces_' + key + '"]').val suggestion[key]
|
|
@onChangeForm()
|
|
|
|
onClickLoginLink: ->
|
|
modal = new AuthModal({ initialValues: { email: @trialRequest.get('properties')?.email } })
|
|
@openModalView(modal)
|
|
|
|
onChangeForm: ->
|
|
unless @formChanged
|
|
window.tracker?.trackEvent 'Teachers Create Account Form Started', category: 'Teachers', ['Mixpanel']
|
|
@formChanged = true
|
|
|
|
onSubmitForm: (e) ->
|
|
e.preventDefault()
|
|
|
|
# Creating Trial Request first, validate user attributes but do not use them
|
|
form = @$('form')
|
|
allAttrs = forms.formToObject(form)
|
|
trialRequestAttrs = _.omit(allAttrs, 'name', 'password1', 'password2')
|
|
|
|
# Don't save n/a district entries, but do validate required district client-side
|
|
trialRequestAttrs = _.omit(trialRequestAttrs, 'district') if trialRequestAttrs.district?.replace(/\s/ig, '').match(/n\/a/ig)
|
|
|
|
if @$('#other-education-level-checkbox').is(':checked')
|
|
val = @$('#other-education-level-input').val()
|
|
trialRequestAttrs.educationLevel.push(val) if val
|
|
|
|
forms.clearFormAlerts(form)
|
|
|
|
result = tv4.validateMultiple(trialRequestAttrs, formSchema)
|
|
error = false
|
|
if not result.valid
|
|
forms.applyErrorsToForm(form, result.errors)
|
|
error = true
|
|
if not error and not forms.validateEmail(trialRequestAttrs.email)
|
|
forms.setErrorToProperty(form, 'email', 'invalid email')
|
|
error = true
|
|
if not error and forms.validateEmail(allAttrs.name)
|
|
forms.setErrorToProperty(form, 'name', 'username may not be an email')
|
|
error = true
|
|
if not _.size(trialRequestAttrs.educationLevel)
|
|
forms.setErrorToProperty(form, 'educationLevel', 'include at least one')
|
|
error = true
|
|
unless allAttrs.district
|
|
forms.setErrorToProperty(form, 'district', $.i18n.t('common.required_field'))
|
|
error = true
|
|
unless @gplusAttrs or @facebookAttrs
|
|
if not allAttrs.password1
|
|
forms.setErrorToProperty(form, 'password1', $.i18n.t('common.required_field'))
|
|
error = true
|
|
else if not allAttrs.password2
|
|
forms.setErrorToProperty(form, 'password2', $.i18n.t('common.required_field'))
|
|
error = true
|
|
else if allAttrs.password1 isnt allAttrs.password2
|
|
forms.setErrorToProperty(form, 'password1', 'Password fields are not equivalent')
|
|
error = true
|
|
if error
|
|
forms.scrollToFirstError()
|
|
return
|
|
trialRequestAttrs['siteOrigin'] = 'create teacher'
|
|
@trialRequest = new TrialRequest({
|
|
type: 'course'
|
|
properties: trialRequestAttrs
|
|
})
|
|
@trialRequest.notyErrors = false
|
|
@$('#create-account-btn').text('Sending').attr('disabled', true)
|
|
@trialRequest.save()
|
|
@trialRequest.on 'sync', @onTrialRequestSubmit, @
|
|
@trialRequest.on 'error', @onTrialRequestError, @
|
|
|
|
onTrialRequestError: (model, jqxhr) ->
|
|
@$('#create-account-btn').text('Submit').attr('disabled', false)
|
|
if jqxhr.status is 409
|
|
userExists = $.i18n.t('teachers_quote.email_exists')
|
|
logIn = $.i18n.t('login.log_in')
|
|
@$('#email-form-group')
|
|
.addClass('has-error')
|
|
.append($("<div class='help-block error-help-block'>#{userExists} <a class='login-link'>#{logIn}</a>"))
|
|
forms.scrollToFirstError()
|
|
else
|
|
errors.showNotyNetworkError(arguments...)
|
|
|
|
onClickEmailExistsLoginLink: ->
|
|
modal = new AuthModal({ initialValues: { email: @trialRequest.get('properties')?.email } })
|
|
@openModalView(modal)
|
|
|
|
onTrialRequestSubmit: ->
|
|
window.tracker?.trackEvent 'Teachers Create Account Submitted', category: 'Teachers', ['Mixpanel']
|
|
@formChanged = false
|
|
attrs = _.pick(forms.formToObject(@$('form')), 'name', 'email', 'role', 'firstName', 'lastName')
|
|
attrs.role = attrs.role.toLowerCase()
|
|
options = {}
|
|
newUser = new User(attrs)
|
|
if @gplusAttrs
|
|
newUser.set('_id', me.id)
|
|
options.url = "/db/user?gplusID=#{@gplusAttrs.gplusID}&gplusAccessToken=#{application.gplusHandler.accessToken.access_token}"
|
|
options.type = 'PUT'
|
|
newUser.set(@gplusAttrs)
|
|
else if @facebookAttrs
|
|
newUser.set('_id', me.id)
|
|
options.url = "/db/user?facebookID=#{@facebookAttrs.facebookID}&facebookAccessToken=#{application.facebookHandler.authResponse.accessToken}"
|
|
options.type = 'PUT'
|
|
newUser.set(@facebookAttrs)
|
|
else
|
|
newUser.set('password', @$('input[name="password1"]').val())
|
|
newUser.save(null, options)
|
|
newUser.once 'sync', ->
|
|
application.router.navigate(SIGNUP_REDIRECT, { trigger: true })
|
|
application.router.reload()
|
|
newUser.once 'error', errors.showNotyNetworkError
|
|
|
|
# GPlus signup
|
|
|
|
onClickGPlusSignupButton: ->
|
|
btn = @$('#gplus-signup-btn')
|
|
btn.attr('disabled', true)
|
|
application.gplusHandler.loadAPI({
|
|
success: =>
|
|
btn.attr('disabled', false)
|
|
application.gplusHandler.connect({
|
|
success: =>
|
|
btn.find('.sign-in-blurb').text($.i18n.t('signup.creating'))
|
|
btn.attr('disabled', true)
|
|
application.gplusHandler.loadPerson({
|
|
success: (@gplusAttrs) =>
|
|
existingUser = new User()
|
|
existingUser.fetchGPlusUser(@gplusAttrs.gplusID, {
|
|
error: (user, jqxhr) =>
|
|
if jqxhr.status is 404
|
|
@onGPlusConnected()
|
|
else
|
|
errors.showNotyNetworkError(jqxhr)
|
|
success: =>
|
|
me.loginGPlusUser(@gplusAttrs.gplusID, {
|
|
success: ->
|
|
application.router.navigate('/teachers/update-account', {trigger: true})
|
|
error: errors.showNotyNetworkError
|
|
})
|
|
})
|
|
})
|
|
})
|
|
})
|
|
|
|
onGPlusConnected: ->
|
|
@formChanged = true
|
|
forms.objectToForm(@$('form'), @gplusAttrs)
|
|
for field in ['email', 'firstName', 'lastName']
|
|
input = @$("input[name='#{field}']")
|
|
if input.val()
|
|
input.attr('disabled', true)
|
|
@$('input[type="password"]').attr('disabled', true)
|
|
@$('#gplus-logged-in-row, #social-network-signups').toggleClass('hide')
|
|
|
|
# Facebook signup
|
|
|
|
onClickFacebookSignupButton: ->
|
|
btn = @$('#facebook-signup-btn')
|
|
btn.attr('disabled', true)
|
|
application.facebookHandler.loadAPI({
|
|
success: =>
|
|
btn.attr('disabled', false)
|
|
application.facebookHandler.connect({
|
|
success: =>
|
|
btn.find('.sign-in-blurb').text($.i18n.t('signup.creating'))
|
|
btn.attr('disabled', true)
|
|
application.facebookHandler.loadPerson({
|
|
success: (@facebookAttrs) =>
|
|
existingUser = new User()
|
|
existingUser.fetchFacebookUser(@facebookAttrs.facebookID, {
|
|
error: (user, jqxhr) =>
|
|
if jqxhr.status is 404
|
|
@onFacebookConnected()
|
|
else
|
|
errors.showNotyNetworkError(jqxhr)
|
|
success: =>
|
|
me.loginFacebookUser(@facebookAttrs.facebookID, {
|
|
success: ->
|
|
application.router.navigate('/teachers/update-account', {trigger: true})
|
|
error: errors.showNotyNetworkError
|
|
})
|
|
})
|
|
})
|
|
})
|
|
})
|
|
|
|
onFacebookConnected: ->
|
|
@formChanged = true
|
|
forms.objectToForm(@$('form'), @facebookAttrs)
|
|
for field in ['email', 'firstName', 'lastName']
|
|
input = @$("input[name='#{field}']")
|
|
if input.val()
|
|
input.attr('disabled', true)
|
|
@$('input[type="password"]').attr('disabled', true)
|
|
@$('#facebook-logged-in-row, #social-network-signups').toggleClass('hide')
|
|
|
|
|
|
formSchema = {
|
|
type: 'object'
|
|
required: ['firstName', 'lastName', 'email', 'role', 'numStudents', 'city', 'state', 'country']
|
|
properties:
|
|
password1: { type: 'string' }
|
|
password2: { type: 'string' }
|
|
firstName: { type: 'string' }
|
|
lastName: { type: 'string' }
|
|
name: { type: 'string', minLength: 1 }
|
|
email: { type: 'string', format: 'email' }
|
|
phoneNumber: { type: 'string' }
|
|
role: { type: 'string' }
|
|
organization: { type: 'string' }
|
|
district: { type: 'string' }
|
|
city: { type: 'string' }
|
|
state: { type: 'string' }
|
|
country: { type: 'string' }
|
|
numStudents: { type: 'string' }
|
|
numStudentsTotal: { type: 'string' }
|
|
educationLevel: {
|
|
type: 'array'
|
|
items: { type: 'string' }
|
|
}
|
|
notes: { type: 'string' }
|
|
}
|
|
|
|
for key in SCHOOL_NCES_KEYS
|
|
formSchema['nces_' + key] = type: 'string'
|