conveyal/modeify

var config = require('../config')
var log = require('../log')('announcements')
var modal = require('../modal')
var raf = require('component-raf')
var session = require('../session')
var template = require('./template.html')

var Modal = modal({
  height: '500px',
  noPadding: true,
  template: template
}, function (view, model) {
  view.nextAnnouncement()
  raf(function () {
    view.setStyled()
  })
})

module.exports = function showAnnouncements (ctx, next) {
  var autoshow = arguments.length === 0
  var announcements = config.announcements ? config.announcements() : false
  var modal
  var profile = session.commuter().profile()

  if (announcements && profile.welcome_wizard_complete) {
    var unnseen = getUnseenAnnouncements(profile.announcements_seen || [])
    if (unnseen.length > 0) {
      log('welcome complete, showing announcements')
      modal = new Modal({
        announcements: unnseen
      })

      if (autoshow) {
        modal.show()
      } else {
        ctx.modal = modal
      }
    } else {
      log('no announcements to show')
    }
  } else {
    log('welcome incomplete, not showing announcements')
  }

  if (next) {
    next()
  }
}

Modal.prototype.nextAnnouncement = function () {
  var announcement = this.model.announcements.shift()
  if (announcement) {
    this.setBackgroundImage(announcement.image)
    this.commuterHasSeenAnnouncement(announcement.id)
  } else {
    this.hide()
  }
}

Modal.prototype.commuterHasSeenAnnouncement = function (id) {
  var commuter = session.commuter()
  var profile = commuter.profile()

  profile.announcements_seen = profile.announcements_seen || []
  profile.announcements_seen.push(id)

  commuter.profile(profile)
  commuter.save()
}

Modal.prototype.setBackgroundImage = function (image) {
  if (image.indexOf('http') === -1) image = config.static_url() + '/images/application/' + image
  this.el.style.backgroundImage = 'url(' + image + ')'
}

Modal.prototype.setStyled = function () {
  this.find('button').classList.add('is-styled')
  this.el.classList.add('is-styled')
}

function getUnseenAnnouncements (seenAnnouncements) {
  var announcements = config.announcements()
  var unnseen = []
  for (var i = 0; i < announcements.length; i++) {
    var id = announcements[i].id
    if (seenAnnouncements.indexOf(id) === -1) {
      unnseen.push(announcements[i])
    }
  }
  return unnseen
}