mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-11-25 08:38:09 -05:00
8f923f9e1e
We’re keeping the patch behavior though. Real patch calls return incorrect http responses in some environments, like Browserstack and schools.
594 lines
25 KiB
CoffeeScript
594 lines
25 KiB
CoffeeScript
UserView = require 'views/kinds/UserView'
|
|
template = require 'templates/account/profile'
|
|
User = require 'models/User'
|
|
LevelSession = require 'models/LevelSession'
|
|
CocoCollection = require 'collections/CocoCollection'
|
|
{me} = require 'lib/auth'
|
|
JobProfileContactModal = require 'views/modal/JobProfileContactModal'
|
|
JobProfileTreemaView = require 'views/account/JobProfileTreemaView'
|
|
UserRemark = require 'models/UserRemark'
|
|
forms = require 'lib/forms'
|
|
ModelModal = require 'views/modal/ModelModal'
|
|
JobProfileCodeModal = require './JobProfileCodeModal'
|
|
|
|
class LevelSessionsCollection extends CocoCollection
|
|
url: -> "/db/user/#{@userID}/level.sessions/employer"
|
|
model: LevelSession
|
|
constructor: (@userID) ->
|
|
super()
|
|
|
|
adminContacts = [
|
|
{id: '', name: 'Assign a Contact'}
|
|
{id: '512ef4805a67a8c507000001', name: 'Nick'}
|
|
{id: '5162fab9c92b4c751e000274', name: 'Scott'}
|
|
{id: '51eb2714fa058cb20d0006ef', name: 'Michael'}
|
|
{id: '51538fdb812dd9af02000001', name: 'George'}
|
|
{id: '52a57252a89409700d0000d9', name: 'Ignore'}
|
|
]
|
|
|
|
module.exports = class JobProfileView extends UserView
|
|
id: 'profile-view'
|
|
template: template
|
|
showBackground: false
|
|
usesSocialMedia: true
|
|
|
|
subscriptions:
|
|
'auth:linkedin-api-loaded': 'onLinkedInLoaded'
|
|
|
|
events:
|
|
'click #toggle-editing': 'toggleEditing'
|
|
'click #importLinkedIn': 'importLinkedIn'
|
|
'click #toggle-job-profile-active': 'toggleJobProfileActive'
|
|
'click #toggle-job-profile-approved': 'toggleJobProfileApproved'
|
|
'click #save-notes-button': 'onJobProfileNotesChanged'
|
|
'click #contact-candidate': 'onContactCandidate'
|
|
'click #enter-espionage-mode': 'enterEspionageMode'
|
|
'click #open-model-modal': 'openModelModal'
|
|
'click .editable-profile .profile-photo': 'onEditProfilePhoto'
|
|
'click .editable-profile .project-image': 'onEditProjectImage'
|
|
'click .editable-profile .editable-display': 'onEditSection'
|
|
'click .editable-profile .save-section': 'onSaveSection'
|
|
'click .editable-profile .glyphicon-remove': 'onCancelSectionEdit'
|
|
'change .editable-profile .editable-array input': 'onEditArray'
|
|
'keyup .editable-profile .editable-array input': 'onEditArray'
|
|
'click .editable-profile a': 'onClickLinkWhileEditing'
|
|
'change #admin-contact': 'onAdminContactChanged'
|
|
'click .session-link': 'onSessionLinkPressed'
|
|
|
|
constructor: (options, userID) ->
|
|
@onJobProfileNotesChanged = _.debounce @onJobProfileNotesChanged, 1000
|
|
@onRemarkChanged = _.debounce @onRemarkChanged, 1000
|
|
@authorizedWithLinkedIn = IN?.User?.isAuthorized()
|
|
@linkedInLoaded = Boolean(IN?.parse)
|
|
@waitingForLinkedIn = false
|
|
window.contractCallback = =>
|
|
@authorizedWithLinkedIn = IN?.User?.isAuthorized()
|
|
@render()
|
|
super userID, options
|
|
|
|
onLoaded: ->
|
|
@finishInit() unless @destroyed
|
|
super()
|
|
|
|
finishInit: ->
|
|
return unless @userID
|
|
@uploadFilePath = "db/user/#{@userID}"
|
|
|
|
if @user?.get('firstName')
|
|
jobProfile = @user.get('jobProfile')
|
|
jobProfile ?= {}
|
|
if not jobProfile.name
|
|
jobProfile.name = (@user.get('firstName') + ' ' + @user.get('lastName')).trim()
|
|
@user.set('jobProfile', jobProfile)
|
|
|
|
@highlightedContainers = []
|
|
if me.isAdmin() or 'employer' in me.get('permissions', true)
|
|
$.post "/db/user/#{me.id}/track/view_candidate"
|
|
$.post "/db/user/#{@userID}/track/viewed_by_employer" unless me.isAdmin()
|
|
@sessions = @supermodel.loadCollection(new LevelSessionsCollection(@user.id), 'candidate_sessions').model
|
|
@listenToOnce @sessions, 'sync', => @render?()
|
|
if me.isAdmin()
|
|
# Mimicking how the VictoryModal fetches LevelFeedback
|
|
@remark = new UserRemark()
|
|
@remark.setURL "/db/user/#{@userID}/remark"
|
|
@remark.fetch()
|
|
@listenToOnce @remark, 'sync', @onRemarkLoaded
|
|
@listenToOnce @remark, 'error', @onRemarkNotFound
|
|
|
|
onRemarkLoaded: ->
|
|
@remark.setURL "/db/user.remark/#{@remark.id}"
|
|
@render()
|
|
|
|
onRemarkNotFound: ->
|
|
@remark = new UserRemark() # hmm, why do we create a new one here?
|
|
@remark.set 'user', @userID
|
|
@remark.set 'userName', name if name = @user.get('name')
|
|
|
|
onLinkedInLoaded: =>
|
|
@linkedinLoaded = true
|
|
if @waitingForLinkedIn
|
|
@renderLinkedInButton()
|
|
@authorizedWithLinkedIn = IN?.User?.isAuthorized()
|
|
|
|
renderLinkedInButton: =>
|
|
IN?.parse()
|
|
|
|
afterInsert: ->
|
|
super()
|
|
linkedInButtonParentElement = document.getElementById('linkedInAuthButton')
|
|
if linkedInButtonParentElement
|
|
if @linkedinLoaded
|
|
@renderLinkedInButton()
|
|
else
|
|
@waitingForLinkedIn = true
|
|
|
|
importLinkedIn: =>
|
|
overwriteConfirm = confirm('Importing LinkedIn data will overwrite your current work experience, skills, name, descriptions, and education. Continue?')
|
|
unless overwriteConfirm then return
|
|
application.linkedinHandler.getProfileData (err, profileData) =>
|
|
@processLinkedInProfileData profileData
|
|
|
|
jobProfileSchema: -> @user.schema().properties.jobProfile.properties
|
|
|
|
processLinkedInProfileData: (p) ->
|
|
#handle formatted-name
|
|
currentJobProfile = @user.get('jobProfile')
|
|
oldJobProfile = _.cloneDeep(currentJobProfile)
|
|
jobProfileSchema = @user.schema().properties.jobProfile.properties
|
|
|
|
if p['formattedName']? and p['formattedName'] isnt 'private'
|
|
nameMaxLength = jobProfileSchema.name.maxLength
|
|
currentJobProfile.name = p['formattedName'].slice(0, nameMaxLength)
|
|
if p['skills']?['values'].length
|
|
skillNames = []
|
|
skillMaxLength = jobProfileSchema.skills.items.maxLength
|
|
for skill in p.skills.values
|
|
skillNames.push skill.skill.name.slice(0, skillMaxLength)
|
|
currentJobProfile.skills = skillNames
|
|
if p['headline']
|
|
shortDescriptionMaxLength = jobProfileSchema.shortDescription.maxLength
|
|
currentJobProfile.shortDescription = p['headline'].slice(0, shortDescriptionMaxLength)
|
|
if p['summary']
|
|
longDescriptionMaxLength = jobProfileSchema.longDescription.maxLength
|
|
currentJobProfile.longDescription = p.summary.slice(0, longDescriptionMaxLength)
|
|
if p['positions']?['values']?.length
|
|
newWorks = []
|
|
workSchema = jobProfileSchema.work.items.properties
|
|
for position in p['positions']['values']
|
|
workObj = {}
|
|
descriptionMaxLength = workSchema.description.maxLength
|
|
|
|
workObj.description = position.summary?.slice(0, descriptionMaxLength)
|
|
workObj.description ?= ''
|
|
if position.startDate?.year?
|
|
workObj.duration = "#{position.startDate.year} - "
|
|
if (not position.endDate?.year) or (position.endDate?.year and position.endDate?.year > (new Date().getFullYear()))
|
|
workObj.duration += 'present'
|
|
else
|
|
workObj.duration += position.endDate.year
|
|
else
|
|
workObj.duration = ''
|
|
durationMaxLength = workSchema.duration.maxLength
|
|
workObj.duration = workObj.duration.slice(0, durationMaxLength)
|
|
employerMaxLength = workSchema.employer.maxLength
|
|
workObj.employer = position.company?.name ? ''
|
|
workObj.employer = workObj.employer.slice(0, employerMaxLength)
|
|
workObj.role = position.title ? ''
|
|
roleMaxLength = workSchema.role.maxLength
|
|
workObj.role = workObj.role.slice(0, roleMaxLength)
|
|
newWorks.push workObj
|
|
currentJobProfile.work = newWorks
|
|
|
|
if p['educations']?['values']?.length
|
|
newEducation = []
|
|
eduSchema = jobProfileSchema.education.items.properties
|
|
for education in p['educations']['values']
|
|
educationObject = {}
|
|
educationObject.degree = education.degree ? 'Studied'
|
|
|
|
if education.startDate?.year?
|
|
educationObject.duration = "#{education.startDate.year} - "
|
|
if (not education.endDate?.year) or (education.endDate?.year and education.endDate?.year > (new Date().getFullYear()))
|
|
educationObject.duration += 'present'
|
|
if educationObject.degree is 'Studied'
|
|
educationObject.degree = 'Studying'
|
|
else
|
|
educationObject.duration += education.endDate.year
|
|
else
|
|
educationObject.duration = ''
|
|
if education.fieldOfStudy
|
|
if educationObject.degree is 'Studied' or educationObject.degree is 'Studying'
|
|
educationObject.degree += " #{education.fieldOfStudy}"
|
|
else
|
|
educationObject.degree += " in #{education.fieldOfStudy}"
|
|
educationObject.degree = educationObject.degree.slice(0, eduSchema.degree.maxLength)
|
|
educationObject.duration = educationObject.duration.slice(0, eduSchema.duration.maxLength)
|
|
educationObject.school = education.schoolName ? ''
|
|
educationObject.school = educationObject.school.slice(0, eduSchema.school.maxLength)
|
|
educationObject.description = ''
|
|
newEducation.push educationObject
|
|
currentJobProfile.education = newEducation
|
|
if p['publicProfileUrl']
|
|
#search for linkedin link
|
|
links = currentJobProfile.links
|
|
alreadyHasLinkedIn = false
|
|
for link in links
|
|
if link.link.toLowerCase().indexOf('linkedin') > -1
|
|
alreadyHasLinkedIn = true
|
|
break
|
|
unless alreadyHasLinkedIn
|
|
newLink =
|
|
link: p['publicProfileUrl']
|
|
name: 'LinkedIn'
|
|
currentJobProfile.links.push newLink
|
|
@user.set('jobProfile', currentJobProfile)
|
|
validationErrors = @user.validate()
|
|
if validationErrors
|
|
@user.set('jobProfile', oldJobProfile)
|
|
return alert("Please notify team@codecombat.com! There were validation errors from the LinkedIn import: #{JSON.stringify validationErrors}")
|
|
else
|
|
@render()
|
|
|
|
getRenderData: ->
|
|
context = super()
|
|
context.userID = @userID
|
|
context.linkedInAuthorized = @authorizedWithLinkedIn
|
|
context.profile = @user.get('jobProfile', true)
|
|
context.rawProfile = @user.get('jobProfile') or {}
|
|
context.user = @user
|
|
context.myProfile = @isMe()
|
|
context.allowedToViewJobProfile = @user and (me.isAdmin() or 'employer' in me.get('permissions', true) or (context.myProfile && !me.get('anonymous')))
|
|
context.allowedToEditJobProfile = @user and (me.isAdmin() or (context.myProfile && !me.get('anonymous')))
|
|
context.profileApproved = @user?.get 'jobProfileApproved'
|
|
context.progress = @progress ? @updateProgress()
|
|
@editing ?= context.myProfile and context.progress < 0.8
|
|
context.editing = @editing
|
|
context.marked = marked
|
|
context.moment = moment
|
|
context.iconForLink = @iconForLink
|
|
if links = context.profile.links
|
|
links = ($.extend(true, {}, link) for link in links)
|
|
link.icon = @iconForLink link for link in links
|
|
context.profileLinks = _.sortBy links, (link) -> not link.icon # icons first
|
|
if @sessions
|
|
context.sessions = (s.attributes for s in @sessions.models when (s.get('submitted') or (s.get('levelID') is 'gridmancer') and s.get('code')?.thoktar?.plan?.length isnt 942)) # no default code
|
|
context.sessions.sort (a, b) -> (b.playtime ? 0) - (a.playtime ? 0)
|
|
else
|
|
context.sessions = []
|
|
context.adminContacts = adminContacts
|
|
context.remark = @remark
|
|
context
|
|
|
|
afterRender: ->
|
|
super()
|
|
if me.get('employerAt')
|
|
@$el.addClass 'viewed-by-employer'
|
|
return unless @user
|
|
unless @user.get('jobProfile')?.projects?.length or @editing
|
|
@$el.find('.right-column').hide()
|
|
@$el.find('.middle-column').addClass('double-column')
|
|
unless @editing
|
|
@$el.find('.editable-display').attr('title', '')
|
|
@initializeAutocomplete()
|
|
highlightNext = @highlightNext ? true
|
|
justSavedSection = @$el.find('#' + @justSavedSectionID).addClass 'just-saved'
|
|
_.defer =>
|
|
@progress = @updateProgress highlightNext
|
|
_.delay ->
|
|
justSavedSection.removeClass 'just-saved', duration: 1500, easing: 'easeOutQuad'
|
|
, 500
|
|
if me.isAdmin() and @user and @remark
|
|
visibleSettings = ['history', 'tasks']
|
|
data = _.pick (@remark.attributes), (value, key) -> key in visibleSettings
|
|
data.history ?= []
|
|
data.tasks ?= []
|
|
schema = _.cloneDeep @remark.schema()
|
|
schema.properties = _.pick schema.properties, (value, key) => key in visibleSettings
|
|
schema.required = _.intersection (schema.required ? []), visibleSettings
|
|
treemaOptions =
|
|
filePath: "db/user/#{@userID}"
|
|
schema: schema
|
|
data: data
|
|
aceUseWrapMode: true
|
|
callbacks: {change: @onRemarkChanged}
|
|
@remarkTreema = @$el.find('#remark-treema').treema treemaOptions
|
|
@remarkTreema?.build()
|
|
@remarkTreema?.open(3)
|
|
|
|
onRemarkChanged: (e) =>
|
|
return unless @remarkTreema.isValid()
|
|
for key in ['history', 'tasks']
|
|
val = _.filter(@remarkTreema.get(key), (entry) -> entry?.content or entry?.action)
|
|
entry.date ?= (new Date()).toISOString() for entry in val if key is 'history'
|
|
@remark.set key, val
|
|
@saveRemark()
|
|
|
|
initializeAutocomplete: (container) ->
|
|
(container ? @$el).find('input[data-autocomplete]').each ->
|
|
$(@).autocomplete(source: JobProfileTreemaView[$(@).data('autocomplete')], minLength: parseInt($(@).data('autocomplete-min-length')), delay: 0, autoFocus: true)
|
|
|
|
toggleEditing: ->
|
|
@editing = not @editing
|
|
@render()
|
|
_.delay @renderLinkedInButton, 1000
|
|
@saveEdits()
|
|
|
|
toggleJobProfileApproved: ->
|
|
return unless me.isAdmin()
|
|
approved = not @user.get 'jobProfileApproved'
|
|
@user.set 'jobProfileApproved', approved
|
|
res = @user.patch()
|
|
res.success (model, response, options) => @render()
|
|
|
|
toggleJobProfileActive: ->
|
|
active = not @user.get('jobProfile').active
|
|
@user.get('jobProfile').active = active
|
|
@saveEdits()
|
|
if active and not (me.isAdmin() or @stackLed)
|
|
$.post '/stacklead'
|
|
@stackLed = true
|
|
|
|
enterEspionageMode: ->
|
|
postData = emailLower: @user.get('email').toLowerCase(), usernameLower: @user.get('name').toLowerCase()
|
|
$.ajax
|
|
type: 'POST',
|
|
url: '/auth/spy'
|
|
data: postData
|
|
success: @espionageSuccess
|
|
|
|
espionageSuccess: (model) ->
|
|
window.location.reload()
|
|
|
|
openModelModal: (e) ->
|
|
@openModalView new ModelModal models: [@user]
|
|
|
|
onJobProfileNotesChanged: (e) =>
|
|
notes = @$el.find('#job-profile-notes').val()
|
|
@user.set 'jobProfileNotes', notes
|
|
@user.save {jobProfileNotes: notes}, {patch: true, type: 'PUT'}
|
|
|
|
iconForLink: (link) ->
|
|
icons = [
|
|
{icon: 'facebook', name: 'Facebook', domain: /facebook\.com/, match: /facebook/i}
|
|
{icon: 'twitter', name: 'Twitter', domain: /twitter\.com/, match: /twitter/i}
|
|
{icon: 'github', name: 'GitHub', domain: /github\.(com|io)/, match: /github/i}
|
|
{icon: 'gplus', name: 'Google Plus', domain: /plus\.google\.com/, match: /(google|^g).?(\+|plus)/i}
|
|
{icon: 'linkedin', name: 'LinkedIn', domain: /linkedin\.com/, match: /(google|^g).?(\+|plus)/i}
|
|
]
|
|
for icon in icons
|
|
if (link.name.search(icon.match) isnt -1) or (link.link.search(icon.domain) isnt -1)
|
|
icon.url = "/images/pages/account/profile/icon_#{icon.icon}.png"
|
|
return icon
|
|
null
|
|
|
|
onContactCandidate: (e) ->
|
|
@openModalView new JobProfileContactModal recipientID: @user.id, recipientUserName: @user.get('name')
|
|
|
|
showErrors: (errors) ->
|
|
section = @$el.find '.saving'
|
|
console.error 'Couldn\'t save because of validation errors:', errors
|
|
section.removeClass 'saving'
|
|
forms.clearFormAlerts section
|
|
# This is pretty lame, since we don't easily match which field had the error like forms.applyErrorsToForm can.
|
|
section.find('form').addClass('has-error').find('.save-section').before($("<span class='help-block error-help-block'>#{errors[0].message}</span>"))
|
|
|
|
saveEdits: (highlightNext) ->
|
|
errors = @user.validate()
|
|
return @showErrors errors if errors
|
|
jobProfile = @user.get('jobProfile')
|
|
jobProfile.updated = (new Date()).toISOString() if @user is me
|
|
@user.set 'jobProfile', jobProfile
|
|
return unless res = @user.save()
|
|
res.error =>
|
|
return if @destroyed
|
|
@showErrors [message: res.responseText]
|
|
res.success (model, response, options) =>
|
|
return if @destroyed
|
|
@justSavedSectionID = @$el.find('.editable-section.saving').removeClass('saving').attr('id')
|
|
@highlightNext = highlightNext
|
|
@render()
|
|
@highlightNext = false
|
|
@justSavedSectionID = null
|
|
|
|
onEditProfilePhoto: (e) ->
|
|
onSaving = =>
|
|
@$el.find('.profile-photo').addClass('saving')
|
|
onSaved = (uploadingPath) =>
|
|
@user.get('jobProfile').photoURL = uploadingPath
|
|
@saveEdits()
|
|
filepicker.pick {mimetypes: 'image/*'}, @onImageChosen(onSaving, onSaved)
|
|
|
|
onEditProjectImage: (e) ->
|
|
img = $(e.target)
|
|
onSaving = =>
|
|
img.addClass('saving')
|
|
onSaved = (uploadingPath) =>
|
|
img.parent().find('input').val(uploadingPath)
|
|
img.css('background-image', "url('/file/#{uploadingPath}')")
|
|
img.removeClass('saving')
|
|
filepicker.pick {mimetypes: 'image/*'}, @onImageChosen(onSaving, onSaved)
|
|
|
|
formatImagePostData: (inkBlob) ->
|
|
url: inkBlob.url, filename: inkBlob.filename, mimetype: inkBlob.mimetype, path: @uploadFilePath, force: true
|
|
|
|
onImageChosen: (onSaving, onSaved) ->
|
|
(inkBlob) =>
|
|
onSaving()
|
|
uploadingPath = [@uploadFilePath, inkBlob.filename].join('/')
|
|
$.ajax '/file', type: 'POST', data: @formatImagePostData(inkBlob), success: @onImageUploaded(onSaved, uploadingPath)
|
|
|
|
onImageUploaded: (onSaved, uploadingPath) ->
|
|
(e) =>
|
|
onSaved uploadingPath
|
|
|
|
onEditSection: (e) ->
|
|
@$el.find('.emphasized').removeClass('emphasized')
|
|
section = $(e.target).closest('.editable-section').removeClass 'deemphasized'
|
|
section.find('.editable-form').show().find('select, input, textarea').first().focus()
|
|
section.find('.editable-display').hide()
|
|
@$el.find('.editable-section').not(section).addClass 'deemphasized'
|
|
column = section.closest('.full-height-column')
|
|
@$el.find('.full-height-column').not(column).addClass 'deemphasized'
|
|
|
|
onCancelSectionEdit: (e) ->
|
|
@render()
|
|
|
|
onSaveSection: (e) ->
|
|
e.preventDefault()
|
|
section = $(e.target).closest('.editable-section')
|
|
form = $(e.target).closest('form')
|
|
isEmpty = @arrayItemIsEmpty
|
|
section.find('.array-item').each ->
|
|
$(@).remove() if isEmpty @
|
|
resetOnce = false # We have to clear out arrays if we're going to redo them
|
|
serialized = form.serializeArray()
|
|
jobProfile = @user.get('jobProfile') or {}
|
|
jobProfile[prop] ?= [] for prop in ['links', 'skills', 'work', 'education', 'projects']
|
|
rootPropertiesSeen = {}
|
|
for field in serialized
|
|
keyChain = @extractFieldKeyChain field.name
|
|
value = @extractFieldValue keyChain[0], field.value
|
|
parent = jobProfile
|
|
for key, i in keyChain
|
|
rootPropertiesSeen[key] = true unless i
|
|
break if i is keyChain.length - 1
|
|
parent[key] ?= {}
|
|
child = parent[key]
|
|
if _.isArray(child) and not resetOnce
|
|
child = parent[key] = []
|
|
resetOnce = true
|
|
else unless child?
|
|
child = parent[key] = {}
|
|
parent = child
|
|
if key is 'link' and keyChain[0] is 'projects' and not value
|
|
delete parent[key]
|
|
else
|
|
parent[key] = value
|
|
form.find('.editable-array').each ->
|
|
key = $(@).data('property')
|
|
unless rootPropertiesSeen[key]
|
|
jobProfile[key] = []
|
|
if section.hasClass('projects-container') and not section.find('.array-item').length
|
|
jobProfile.projects = []
|
|
section.addClass 'saving'
|
|
@user.set('jobProfile', jobProfile)
|
|
@saveEdits true
|
|
|
|
extractFieldKeyChain: (key) ->
|
|
# 'root[projects][0][name]' -> ['projects', '0', 'name']
|
|
key.replace(/^root/, '').replace(/\[(.*?)\]/g, '.$1').replace(/^\./, '').split(/\./)
|
|
|
|
extractFieldValue: (key, value) ->
|
|
switch key
|
|
when 'active' then Boolean value
|
|
when 'experience' then parseInt value or '0'
|
|
else value
|
|
|
|
arrayItemIsEmpty: (arrayItem) ->
|
|
for input in $(arrayItem).find('input[type!=hidden], textarea')
|
|
return false if $(input).val().trim()
|
|
true
|
|
|
|
onEditArray: (e) ->
|
|
# We make sure there's always an empty array item at the end for the user to add to, deleting interstitial empties.
|
|
array = $(e.target).closest('.editable-array')
|
|
arrayItems = array.find('.array-item')
|
|
toRemove = []
|
|
for arrayItem, index in arrayItems
|
|
empty = @arrayItemIsEmpty arrayItem
|
|
if index is arrayItems.length - 1
|
|
lastEmpty = empty
|
|
else if empty and not $(arrayItem).find('input:focus, textarea:focus').length
|
|
toRemove.unshift index
|
|
$(arrayItems[emptyIndex]).remove() for emptyIndex in toRemove
|
|
unless lastEmpty
|
|
clone = $(arrayItem).clone(false)
|
|
clone.find('input').each -> $(@).val('')
|
|
clone.find('textarea').each -> $(@).text('')
|
|
array.append clone
|
|
@initializeAutocomplete clone
|
|
for arrayItem, index in array.find('.array-item')
|
|
for input in $(arrayItem).find('input, textarea')
|
|
$(input).attr('name', $(input).attr('name').replace(/\[\d+\]/, "[#{index}]"))
|
|
|
|
onClickLinkWhileEditing: (e) ->
|
|
e.preventDefault()
|
|
|
|
onAdminContactChanged: (e) ->
|
|
newContact = @$el.find('#admin-contact').val()
|
|
newContactName = if newContact then _.find(adminContacts, id: newContact).name else ''
|
|
@remark.set 'contact', newContact
|
|
@remark.set 'contactName', newContactName
|
|
@saveRemark()
|
|
|
|
saveRemark: ->
|
|
@remark.set 'user', @user.id
|
|
@remark.set 'userName', @user.get('name')
|
|
if errors = @remark.validate()
|
|
return console.error 'UserRemark', @remark, 'failed validation with errors:', errors
|
|
res = @remark.save()
|
|
res.error =>
|
|
return if @destroyed
|
|
console.error 'UserRemark', @remark, 'failed to save with error:', res.responseText
|
|
res.success (model, response, options) =>
|
|
return if @destroyed
|
|
console.log 'Saved UserRemark', @remark, 'with response', response
|
|
|
|
updateProgress: (highlightNext) ->
|
|
return unless @user?.loaded and @sessions?.loaded
|
|
completed = 0
|
|
totalWeight = 0
|
|
next = null
|
|
for metric in metrics = @getProgressMetrics()
|
|
done = metric.fn()
|
|
completed += metric.weight if done
|
|
totalWeight += metric.weight
|
|
next = metric unless next or done
|
|
progress = Math.round 100 * completed / totalWeight
|
|
bar = @$el.find('.profile-completion-progress .progress-bar')
|
|
bar.css 'width', "#{progress}%"
|
|
if next
|
|
text = ''
|
|
t = $.i18n.t
|
|
text = "#{progress}% #{t 'account_profile.complete'}. #{t 'account_profile.next'}: #{next.name}"
|
|
bar.parent().show().find('.progress-text').text text
|
|
if highlightNext and next?.container and not (next.container in @highlightedContainers)
|
|
@highlightedContainers.push next.container
|
|
@$el.find(next.container).addClass 'emphasized'
|
|
#@onEditSection target: next.container
|
|
#$('#page-container').scrollTop 0
|
|
else
|
|
bar.parent().hide()
|
|
completed / totalWeight
|
|
|
|
getProgressMetrics: ->
|
|
schema = me.schema().properties.jobProfile
|
|
jobProfile = @user.get('jobProfile') ? {}
|
|
exists = (field) -> -> jobProfile[field]
|
|
modified = (field) -> -> jobProfile[field] and jobProfile[field] isnt schema.properties[field].default
|
|
listStarted = (field, subfields) -> -> jobProfile[field]?.length and _.every subfields, (subfield) -> jobProfile[field][0][subfield]
|
|
t = $.i18n.t
|
|
@progressMetrics = [
|
|
{name: t('account_profile.next_name'), weight: 1, container: '#name-container', fn: modified 'name'}
|
|
{name: t('account_profile.next_short_description'), weight: 2, container: '#short-description-container', fn: modified 'shortDescription'}
|
|
{name: t('account_profile.next_skills'), weight: 2, container: '#skills-container', fn: -> jobProfile.skills?.length >= 5}
|
|
{name: t('account_profile.next_long_description'), weight: 3, container: '#long-description-container', fn: modified 'longDescription'}
|
|
{name: t('account_profile.next_work'), weight: 3, container: '#work-container', fn: listStarted 'work', ['role', 'employer']}
|
|
{name: t('account_profile.next_education'), weight: 3, container: '#education-container', fn: listStarted 'education', ['degree', 'school']}
|
|
{name: t('account_profile.next_projects'), weight: 3, container: '#projects-container', fn: listStarted 'projects', ['name']}
|
|
{name: t('account_profile.next_city'), weight: 1, container: '#basic-info-container', fn: modified 'city'}
|
|
{name: t('account_profile.next_country'), weight: 0, container: '#basic-info-container', fn: exists 'country'}
|
|
{name: t('account_profile.next_links'), weight: 2, container: '#links-container', fn: listStarted 'links', ['link', 'name']}
|
|
{name: t('account_profile.next_photo'), weight: 2, container: '#profile-photo-container', fn: modified 'photoURL'}
|
|
{name: t('account_profile.next_active'), weight: 1, fn: modified 'active'}
|
|
]
|
|
|
|
onSessionLinkPressed: (e) ->
|
|
sessionID = $(e.target).closest('.session-link').data('session-id')
|
|
session = _.find @sessions.models, (session) -> session.id is sessionID
|
|
modal = new JobProfileCodeModal({session:session})
|
|
@openModalView modal
|
|
|
|
destroy: ->
|
|
@remarkTreema?.destroy()
|
|
super()
|