conveyal/modeify

var request = require('../request')
var Pikaday = require('pikaday')
var moment = require('moment')

var textModal = require('../text-modal')
var view = require('../view')

var displayFormat = 'MM-DD-YYYY'

var View = view(require('./template.html'), function (view, model) {
  var fromDateInput = view.find('.fromDate')

  var defaultToDate = moment()
  var defaultFromDate = moment().add(-7, 'days')

  view.fromDatePicker = new Pikaday({
    field: fromDateInput,
    defaultDate: defaultFromDate.toDate(),
    setDefaultDate: defaultFromDate.toDate(),
    format: displayFormat,
    onSelect: function () {
      view.updateRange()
    }
  })

  var toDateInput = view.find('.toDate')
  view.toDatePicker = new Pikaday({
    field: toDateInput,
    defaultDate: defaultToDate.toDate(),
    setDefaultDate: defaultToDate.toDate(),
    format: displayFormat,
    onSelect: function () {
      view.updateRange()
    }
  })

  var codeSelect = view.find('.signup-code-select')
  codeSelect.onchange = function () {
    view.updateTable()
  }

  view.updateRange()
})

View.prototype.updateRange = function () {
  var view = this
  var fromDate = moment(this.fromDatePicker.getDate())
  var toDate = moment(this.toDatePicker.getDate())

  if (toDate.isBefore(fromDate)) {
    textModal('To date must be later than from date.')
  }

  request.get('/user-activity/signups', {
    fromDate: fromDate.format('MM-DD-YYYY'),
    toDate: toDate.format('MM-DD-YYYY')
  }, function (err, signups) {
    if (err) {
      window.alert(err)
    } else {
      // console.log('signups', JSON.parse(signups.text));
      var usersResponse = JSON.parse(signups.text)
      const {users} = usersResponse

      // scanned returned users for all codes
      var codes = []
      users.forEach(user => {
        if (user.user_metadata && user.user_metadata.registrationCode) {
          if (codes.indexOf(user.user_metadata.registrationCode) === -1) {
            codes.push(user.user_metadata.registrationCode)
          }
        }
      })

      // update the code selector
      var codeSelect = view.find('.signup-code-select')
      while (codeSelect.firstChild) codeSelect.remove(codeSelect.firstChild)
      codes.forEach(code => {
        var option = document.createElement('option')
        option.value = code
        option.innerHTML = code
        codeSelect.appendChild(option)
      })

      view.users = users
      view.updateTable()
    }
  })
}

View.prototype.updateTable = function () {
  var users = this.users || []

  var fromDate = moment(this.fromDatePicker.getDate())
  var toDate = moment(this.toDatePicker.getDate())

  var codeSelect = this.find('.signup-code-select')
  var selectedCode = null
  if (codeSelect.selectedIndex >= 0) {
    selectedCode = codeSelect.options[codeSelect.selectedIndex].value
  }

  var usersByDate = {}
  var usersByDateAndCode = {}

  var tbody = this.find('.signup-table-body')
  while (tbody.firstChild) {
    tbody.removeChild(tbody.firstChild)
  }

  var totalUsersByCode = 0
  for (var i = 0; i < users.length; i++) {
    var user = users[i]
    var createdAt = moment.unix(user.user_metadata.createdAtUnix).format('MM-DD-YYYY')

    if (!(createdAt in usersByDate)) usersByDate[createdAt] = []
    usersByDate[createdAt].push(user)

    if (selectedCode && user.user_metadata.registrationCode && user.user_metadata.registrationCode === selectedCode) {
      if (!(createdAt in usersByDateAndCode)) usersByDateAndCode[createdAt] = []
      usersByDateAndCode[createdAt].push(user)
      totalUsersByCode++
    }
  }

  while (fromDate.isSameOrBefore(toDate)) {
    var usersForDate = usersByDate[fromDate.format('MM-DD-YYYY')]
    var usersForDateAndCode = usersByDateAndCode[fromDate.format('MM-DD-YYYY')]

    var tr = document.createElement('tr')
    tr.innerHTML = '<td>' + fromDate.format(displayFormat) + '</td><td>' + (usersForDate ? usersForDate.length : 0) + '</td><td>' + (usersForDateAndCode ? usersForDateAndCode.length : 0) + '</td>'
    tbody.appendChild(tr)
    fromDate.add(1, 'days')
  }

  tr = document.createElement('tr')
  tr.innerHTML = '<td><b>Total<b></td><td><b>' + (users ? users.length : 0) + '</b></td><td><b>' + totalUsersByCode + '</b></td>'
  tbody.appendChild(tr)
}

module.exports = function (ctx, next) {
  ctx.view = new View()
  next()
}