mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-12-04 21:01:06 -05:00
347 lines
14 KiB
CoffeeScript
347 lines
14 KiB
CoffeeScript
RootView = require 'views/core/RootView'
|
|
template = require 'templates/employers'
|
|
User = require 'models/User'
|
|
{me} = require 'core/auth'
|
|
CocoCollection = require 'collections/CocoCollection'
|
|
EmployerSignupModal = require 'views/modal/EmployerSignupModal'
|
|
|
|
class CandidatesCollection extends CocoCollection
|
|
url: '/db/user/x/candidates'
|
|
model: User
|
|
|
|
module.exports = class EmployersView extends RootView
|
|
id: 'employers-view'
|
|
template: template
|
|
|
|
events:
|
|
'click #candidate-table': 'onCandidateClicked'
|
|
'click #logout-link': 'logoutAccount'
|
|
'change #filters input': 'onFilterChanged'
|
|
'change #select_all_checkbox': 'handleSelectAllChange'
|
|
'click .get-started-button': 'openSignupModal'
|
|
'click .navbar-brand': 'restoreBodyColor'
|
|
'click #login-link': 'onClickAuthButton'
|
|
'click #filter-link': 'swapFolderIcon'
|
|
'click #create-alert-button': 'createFilterAlert'
|
|
'click .deletion-col': 'deleteFilterAlert'
|
|
|
|
constructor: (options) ->
|
|
super options
|
|
@candidates = @supermodel.loadCollection(new CandidatesCollection(), 'candidates').model
|
|
@setFilterDefaults()
|
|
|
|
onLoaded: ->
|
|
super()
|
|
@setUpScrolling()
|
|
|
|
afterRender: ->
|
|
super()
|
|
@sortTable() if @candidates.models.length
|
|
@renderSavedFilters()
|
|
|
|
afterInsert: ->
|
|
super()
|
|
_.delay @checkForEmployerSignupHash, 500
|
|
#fairly hacky, change this in the future
|
|
@originalBackgroundColor = $('body').css 'background-color'
|
|
$('body').css 'background-color', '#B4B4B4'
|
|
|
|
restoreBodyColor: ->
|
|
$('body').css 'background-color', @originalBackgroundColor
|
|
|
|
swapFolderIcon: ->
|
|
$('#folder-icon').toggleClass('glyphicon-folder-close').toggleClass('glyphicon-folder-open')
|
|
|
|
onFilterChanged: ->
|
|
@resetFilters()
|
|
that = @
|
|
$('#filters :input').each ->
|
|
input = $(this)
|
|
checked = input.prop 'checked'
|
|
name = input.attr 'name'
|
|
value = input.val()
|
|
if name is 'phoneScreenFilter'
|
|
value = JSON.parse(input.prop 'value')
|
|
if checked
|
|
that.filters[name] = _.union that.filters[name], [value]
|
|
else
|
|
that.filters[name] = _.difference that.filters[name], [value]
|
|
|
|
for filterName, filterValues of @filters
|
|
if filterValues.length is 0
|
|
@filters[filterName] = @defaultFilters[filterName]
|
|
@applyFilters()
|
|
|
|
openSignupModal: ->
|
|
@openModalView new EmployerSignupModal
|
|
|
|
handleSelectAllChange: (e) ->
|
|
checkedState = e.currentTarget.checked
|
|
$('#filters :input').each ->
|
|
$(this).prop 'checked', checkedState
|
|
@onFilterChanged()
|
|
|
|
resetFilters: ->
|
|
for filterName, filterValues of @filters
|
|
@filters[filterName] = []
|
|
|
|
applyFilters: ->
|
|
candidateList = _.sortBy @candidates.models, (c) -> c.get('jobProfile').updated
|
|
candidateList = _.filter candidateList, (c) -> c.get('jobProfileApproved')
|
|
|
|
filteredCandidates = candidateList
|
|
for filterName, filterValues of @filters
|
|
if filterName is 'visa'
|
|
filteredCandidates = _.difference filteredCandidates, _.filter(filteredCandidates, (c) ->
|
|
fieldValue = c.get('jobProfile').visa
|
|
return not (_.contains filterValues, fieldValue)
|
|
)
|
|
else
|
|
filteredCandidates = _.difference filteredCandidates, _.filter(filteredCandidates, (c) ->
|
|
unless c.get('jobProfile').curated then return true
|
|
fieldValue = c.get('jobProfile').curated?[filterName]
|
|
return not (_.contains filterValues, fieldValue)
|
|
)
|
|
candidateIDsToShow = _.pluck filteredCandidates, 'id'
|
|
$('#candidate-table tr').each -> $(this).hide()
|
|
candidateIDsToShow.forEach (id) ->
|
|
$("[data-candidate-id=#{id}]").show()
|
|
$('#results').text(candidateIDsToShow.length + ' results')
|
|
|
|
|
|
return filteredCandidates
|
|
|
|
setFilterDefaults: ->
|
|
@filters =
|
|
phoneScreenFilter: [true, false]
|
|
visa: ['Authorized to work in the US', 'Need visa sponsorship']
|
|
schoolFilter: ['Top School', 'Other']
|
|
locationFilter: ['Bay Area', 'New York', 'Other US', 'International']
|
|
roleFilter: ['Web Developer', 'Software Developer', 'Mobile Developer']
|
|
seniorityFilter: ['College Student', 'Recent Grad', 'Junior', 'Senior']
|
|
@defaultFilters = _.cloneDeep @filters
|
|
|
|
candidatesInFilter: (filterName, filterValue) =>
|
|
candidates = @getActiveAndApprovedCandidates()
|
|
if filterName and filterValue
|
|
if filterName is 'visa'
|
|
return (_.filter candidates, (c) -> c.get('jobProfile').visa is filterValue).length
|
|
else
|
|
return (_.filter candidates, (c) -> c.get('jobProfile').curated?[filterName] is filterValue).length
|
|
else
|
|
return Math.floor(Math.random() * 500)
|
|
|
|
createFilterAlert: ->
|
|
currentFilterSet = _.cloneDeep @filters
|
|
currentSavedFilters = _.cloneDeep me.get('savedEmployerFilterAlerts') ? []
|
|
currentSavedFilters.push currentFilterSet
|
|
@patchEmployerFilterAlerts currentSavedFilters, @renderSavedFilters
|
|
|
|
deleteFilterAlert: (e) ->
|
|
index = $(e.target).closest('tbody tr').data('filter-index')
|
|
currentSavedFilters = me.get('savedEmployerFilterAlerts')
|
|
currentSavedFilters.splice(index,1)
|
|
@patchEmployerFilterAlerts currentSavedFilters, @renderSavedFilters
|
|
|
|
patchEmployerFilterAlerts: (newFilters, cb) ->
|
|
me.set('savedEmployerFilterAlerts',newFilters)
|
|
unless me.isValid()
|
|
alert("There was an error setting the filter(me.isValid() returned false.) Reverting! Please notify team@codecombat.com.")
|
|
me.set 'savedEmployerFilterAlerts', me.previous('savedEmployerFilterAlerts')
|
|
else
|
|
triggerErrorAlert = -> alert("There was an error saving your filter alert! Please notify team@codecombat.com.")
|
|
res = me.save {"savedEmployerFilterAlerts": newFilters}, {patch: true, type: 'PUT', success: cb, error: triggerErrorAlert}
|
|
|
|
renderSavedFilters: =>
|
|
savedFilters = me.get('savedEmployerFilterAlerts')
|
|
unless savedFilters?.length then return $("#saved-filter-table").hide()
|
|
$("#saved-filter-table").show()
|
|
$("#saved-filter-table").find("tbody tr").remove()
|
|
for filter, index in savedFilters
|
|
$("#saved-filter-table tbody").append("""<tr data-filter-index="#{index}"><td>#{@generateFilterAlertDescription(filter)}</td><td class="deletion-col"><a>✗</a></td></tr> """)
|
|
|
|
generateFilterAlertDescription: (filter) =>
|
|
descriptionString = ""
|
|
for key in _.keys(filter).sort()
|
|
value = filter[key]
|
|
if key is "filterActive" or _.without(@defaultFilters[key],value...).length is 0 then continue
|
|
if descriptionString.length then descriptionString += ", "
|
|
descriptionString += value.join(", ")
|
|
if descriptionString.length is 0 then descriptionString = "Any new candidate"
|
|
return descriptionString
|
|
|
|
getActiveAndApprovedCandidates: =>
|
|
candidates = _.filter @candidates.models, (c) -> c.get('jobProfile').active
|
|
return _.filter candidates, (c) -> c.get('jobProfileApproved')
|
|
|
|
getRenderData: ->
|
|
ctx = super()
|
|
ctx.isEmployer = @isEmployer()
|
|
#If you change the candidates displayed, change candidatesInFilter()
|
|
ctx.candidates = _.sortBy @candidates.models, (c) -> -1 * c.get('jobProfile').experience
|
|
ctx.candidates = _.sortBy ctx.candidates, (c) -> not c.get('jobProfile').curated?
|
|
ctx.candidates = _.sortBy ctx.candidates, (c) -> c.get('jobProfile').curated?.featured
|
|
ctx.activeCandidates = _.filter ctx.candidates, (c) -> c.get('jobProfile').active
|
|
ctx.inactiveCandidates = _.reject ctx.candidates, (c) -> c.get('jobProfile').active
|
|
ctx.featuredCandidates = _.filter ctx.activeCandidates, (c) -> c.get('jobProfileApproved')
|
|
|
|
unless @isEmployer() or me.isAdmin()
|
|
ctx.featuredCandidates = _.filter ctx.featuredCandidates, (c) -> c.get('jobProfile').curated
|
|
ctx.featuredCandidates = ctx.featuredCandidates.slice(0,7)
|
|
if me.isAdmin()
|
|
ctx.featuredCandidates = ctx.candidates
|
|
ctx.candidatesInFilter = @candidatesInFilter
|
|
ctx.otherCandidates = _.reject ctx.activeCandidates, (c) -> c.get('jobProfileApproved')
|
|
ctx.moment = moment
|
|
ctx._ = _
|
|
ctx.numberOfCandidates = ctx.featuredCandidates.length
|
|
ctx
|
|
|
|
isEmployer: -> 'employer' in me.get('permissions', true)
|
|
|
|
setUpScrolling: =>
|
|
$('.nano').nanoScroller()
|
|
#if window.history?.state?.lastViewedCandidateID
|
|
# $('.nano').nanoScroller({scrollTo: $('#' + window.history.state.lastViewedCandidateID)})
|
|
#else if window.location.hash.length is 25
|
|
# $('.nano').nanoScroller({scrollTo: $(window.location.hash)})
|
|
|
|
checkForEmployerSignupHash: =>
|
|
if window.location.hash is '#employerSignupLoggingIn' and not ('employer' in me.get('permissions', true)) and not me.isAdmin()
|
|
@openModalView new EmployerSignupModal
|
|
window.location.hash = ''
|
|
|
|
sortTable: ->
|
|
# http://mottie.github.io/tablesorter/docs/example-widget-bootstrap-theme.html
|
|
$.extend $.tablesorter.themes.bootstrap,
|
|
# these classes are added to the table. To see other table classes available,
|
|
# look here: http://twitter.github.com/bootstrap/base-css.html#tables
|
|
table: 'table table-bordered'
|
|
caption: 'caption'
|
|
header: 'bootstrap-header' # give the header a gradient background
|
|
footerRow: ''
|
|
footerCells: ''
|
|
icons: '' # add 'icon-white' to make them white; this icon class is added to the <i> in the header
|
|
sortNone: 'bootstrap-icon-unsorted'
|
|
sortAsc: 'icon-chevron-up' # glyphicon glyphicon-chevron-up' # we are still using v2 icons
|
|
sortDesc: 'icon-chevron-down' # glyphicon-chevron-down' # we are still using v2 icons
|
|
active: '' # applied when column is sorted
|
|
hover: '' # use custom css here - bootstrap class may not override it
|
|
filterRow: '' # filter row class
|
|
even: '' # odd row zebra striping
|
|
odd: '' # even row zebra striping
|
|
|
|
# e = exact text from cell
|
|
# n = normalized value returned by the column parser
|
|
# f = search filter input value
|
|
# i = column index
|
|
# $r = ???
|
|
filterSelectExactMatch = (e, n, f, i, $r) -> e is f
|
|
|
|
# call the tablesorter plugin and apply the uitheme widget
|
|
@$el.find('.tablesorter').tablesorter
|
|
theme: 'bootstrap'
|
|
widthFixed: true
|
|
headerTemplate: '{content} {icon}'
|
|
textSorter:
|
|
6: (a, b, direction, column, table) ->
|
|
days = []
|
|
for s in [a, b]
|
|
n = parseInt s
|
|
n = 0 unless _.isNumber n
|
|
n = 1 if /^a/.test s
|
|
for [duration, factor] in [
|
|
[/second/i, 1/(86400*1000)]
|
|
[/minute/i, 1/1440]
|
|
[/hour/i, 1/24]
|
|
[/week/i, 7]
|
|
[/month/i, 30.42]
|
|
[/year/i, 365.2425]
|
|
]
|
|
if duration.test s
|
|
n *= factor
|
|
break
|
|
if /^in /i.test s
|
|
n *= -1
|
|
days.push n
|
|
days[0] - days[1]
|
|
sortList: if @isEmployer() or me.isAdmin() then [[6, 0]] else [[0, 1]]
|
|
# widget code contained in the jquery.tablesorter.widgets.js file
|
|
# use the zebra stripe widget if you plan on hiding any rows (filter widget)
|
|
widgets: ['uitheme', 'zebra', 'filter']
|
|
widgetOptions:
|
|
# using the default zebra striping class name, so it actually isn't included in the theme variable above
|
|
# this is ONLY needed for bootstrap theming if you are using the filter widget, because rows are hidden
|
|
zebra: ['even', 'odd']
|
|
|
|
# extra css class applied to the table row containing the filters & the inputs within that row
|
|
filter_cssFilter: ''
|
|
|
|
# If there are child rows in the table (rows with class name from 'cssChildRow' option)
|
|
# and this option is true and a match is found anywhere in the child row, then it will make that row
|
|
# visible; default is false
|
|
filter_childRows: false
|
|
|
|
# if true, filters are collapsed initially, but can be revealed by hovering over the grey bar immediately
|
|
# below the header row. Additionally, tabbing through the document will open the filter row when an input gets focus
|
|
filter_hideFilters: false
|
|
|
|
# Set this option to false to make the searches case sensitive
|
|
filter_ignoreCase: true
|
|
|
|
# jQuery selector string of an element used to reset the filters
|
|
filter_reset: '.reset'
|
|
|
|
# Use the $.tablesorter.storage utility to save the most recent filters
|
|
filter_saveFilters: true
|
|
|
|
# Delay in milliseconds before the filter widget starts searching; This option prevents searching for
|
|
# every character while typing and should make searching large tables faster.
|
|
filter_searchDelay: 150
|
|
|
|
# Set this option to true to use the filter to find text from the start of the column
|
|
# So typing in 'a' will find 'albert' but not 'frank', both have a's; default is false
|
|
filter_startsWith: false
|
|
|
|
filter_functions:
|
|
2:
|
|
'Full-time': filterSelectExactMatch
|
|
'Part-time': filterSelectExactMatch
|
|
'Contracting': filterSelectExactMatch
|
|
'Remote': filterSelectExactMatch
|
|
'Internship': filterSelectExactMatch
|
|
5:
|
|
'0-1': (e, n, f, i, $r) -> n <= 1
|
|
'2-5': (e, n, f, i, $r) -> 2 <= n <= 5
|
|
'6+': (e, n, f, i, $r) -> 6 <= n
|
|
6:
|
|
'Last day': (e, n, f, i, $r) ->
|
|
days = parseFloat $($r.find('td')[i]).data('profile-age')
|
|
days <= 1
|
|
'Last week': (e, n, f, i, $r) ->
|
|
days = parseFloat $($r.find('td')[i]).data('profile-age')
|
|
days <= 7
|
|
'Last 4 weeks': (e, n, f, i, $r) ->
|
|
days = parseFloat $($r.find('td')[i]).data('profile-age')
|
|
days <= 28
|
|
8:
|
|
'✓': filterSelectExactMatch
|
|
'✗': filterSelectExactMatch
|
|
|
|
logoutAccount: ->
|
|
window.location.hash = ''
|
|
super()
|
|
|
|
onCandidateClicked: (e) ->
|
|
id = $(e.target).closest('tr').data('candidate-id')
|
|
if id and (@isEmployer() or me.isAdmin())
|
|
if window.history
|
|
oldState = _.cloneDeep window.history.state ? {}
|
|
oldState['lastViewedCandidateID'] = id
|
|
window.history.replaceState(oldState, '')
|
|
else
|
|
window.location.hash = id
|
|
url = "/account/profile/#{id}"
|
|
window.open url, '_blank'
|
|
else
|
|
@openModalView new EmployerSignupModal
|