mirror of
https://github.com/codeninjasllc/codecombat.git
synced 2024-11-28 01:55:38 -05:00
290 lines
11 KiB
CoffeeScript
290 lines
11 KiB
CoffeeScript
View = require 'views/kinds/RootView'
|
|
template = require 'templates/employers'
|
|
app = require 'application'
|
|
User = require 'models/User'
|
|
UserRemark = require 'models/UserRemark'
|
|
{me} = require 'lib/auth'
|
|
CocoCollection = require 'collections/CocoCollection'
|
|
EmployerSignupView = require 'views/modal/employer_signup_modal'
|
|
|
|
class CandidatesCollection extends CocoCollection
|
|
url: '/db/user/x/candidates'
|
|
model: User
|
|
|
|
class UserRemarksCollection extends CocoCollection
|
|
url: '/db/user.remark?project=contact,contactName,user'
|
|
model: UserRemark
|
|
|
|
module.exports = class EmployersView extends View
|
|
id: "employers-view"
|
|
template: template
|
|
|
|
events:
|
|
'click tbody tr': 'onCandidateClicked'
|
|
'change #filters input': 'onFilterChanged'
|
|
'click #filter-button': 'applyFilters'
|
|
'change #select_all_checkbox': 'handleSelectAllChange'
|
|
'click .get-started-button': 'openSignupModal'
|
|
'click .navbar-brand': 'restoreBodyColor'
|
|
'click #login-link': 'onClickAuthbutton'
|
|
|
|
constructor: (options) ->
|
|
super options
|
|
@getCandidates()
|
|
@setFilterDefaults()
|
|
|
|
|
|
afterRender: ->
|
|
super()
|
|
@sortTable() if @candidates.models.length
|
|
|
|
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
|
|
|
|
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]
|
|
|
|
openSignupModal: ->
|
|
@openModalView new EmployerSignupView
|
|
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()
|
|
|
|
|
|
return filteredCandidates
|
|
setFilterDefaults: ->
|
|
@filters =
|
|
phoneScreenFilter: [true, false]
|
|
visa: ['Authorized to work in the US', 'Need visa sponsorship']
|
|
schoolFilter: ['Top 20 Eng.', 'Other US', 'Other Intl.']
|
|
locationFilter: ['Bay Area', 'New York', 'Other US', 'International']
|
|
roleFilter: ['Web Developer', 'Software Developer', 'iOS Developer', 'Android Developer', 'Project Manager']
|
|
seniorityFilter: ['College Student', 'Recent Grad', 'Junior', 'Senior', 'Management']
|
|
@defaultFilters = _.cloneDeep @filters
|
|
|
|
|
|
getRenderData: ->
|
|
ctx = super()
|
|
ctx.isEmployer = @isEmployer()
|
|
ctx.candidates = _.sortBy @candidates.models, (c) -> c.get('jobProfile').updated
|
|
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)
|
|
ctx.otherCandidates = _.reject ctx.activeCandidates, (c) -> c.get('jobProfileApproved')
|
|
ctx.remarks = {}
|
|
ctx.remarks[remark.get('user')] = remark for remark in @remarks.models
|
|
ctx.moment = moment
|
|
ctx._ = _
|
|
ctx
|
|
|
|
isEmployer: ->
|
|
userPermissions = me.get('permissions') ? []
|
|
_.contains userPermissions, "employer"
|
|
|
|
getCandidates: ->
|
|
@candidates = new CandidatesCollection()
|
|
@candidates.fetch()
|
|
@remarks = new UserRemarksCollection()
|
|
@remarks.fetch()
|
|
# Re-render when we have fetched them, but don't wait and show a progress bar while loading.
|
|
@listenToOnce @candidates, 'all', @renderCandidatesAndSetupScrolling
|
|
@listenToOnce @remarks, 'all', @renderCandidatesAndSetupScrolling
|
|
|
|
renderCandidatesAndSetupScrolling: =>
|
|
@render()
|
|
$(".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"))
|
|
@openModalView application.router.getView("modal/employer_signup","_modal")
|
|
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
|
|
|
|
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 EmployerSignupView
|