codecombat/app/views/EmployersView.coffee

RootView = require 'views/kinds/RootView'
template = require 'templates/employers'
User = require 'models/User'
UserRemark = require 'models/UserRemark'
{me} = require 'lib/auth'
CocoCollection = require 'collections/CocoCollection'
EmployerSignupModal = require 'views/modal/EmployerSignupModal'

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 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
    @getCandidates()
    @setFilterDefaults()


  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, 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.remarks = {}
    ctx.remarks[remark.get('user')] = remark for remark in @remarks.models
    ctx.moment = moment
    ctx._ = _
    ctx.numberOfCandidates = ctx.featuredCandidates.length
    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')) 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