codecombat/app/views/play/modal/ItemDetailsView.coffee

CocoView = require 'views/kinds/CocoView'
template = require 'templates/play/modal/item-details-view'
CocoCollection = require 'collections/CocoCollection'
LevelComponent = require 'models/LevelComponent'

utils = require 'lib/utils'

module.exports = class ItemDetailsView extends CocoView
  id: "item-details-view"
  template: template

  constructor: ->
    super(arguments...)
    @propDocs = {}
    @spellDocs = {}

  setItem: (@item) ->
    if @item
      @spellDocs = {}
      @item.name = utils.i18n @item.attributes, 'name'
      @item.affordable = me.gems() >= @item.get('gems')
      @item.owned = me.ownsItem @item.get('original')
      @item.comingSoon = not @item.getFrontFacingStats().props.length and not _.size @item.getFrontFacingStats().stats  # Temp: while there are placeholder items

      stats = @item.getFrontFacingStats()
      props = (p for p in stats.props when not @propDocs[p])
      if props.length > 0 or ('cast' in stats.props)

        docs = new CocoCollection([], {
          url: '/db/level.component?view=prop-doc-lookup'
          model: LevelComponent
          project: [
            'name'
            'propertyDocumentation.name'
            'propertyDocumentation.description'
            'propertyDocumentation.i18n'
          ]
        })

        docs.fetch({ data: {
          componentOriginals: [c.original for c in @item.get('components')].join(',')
          propertyNames: props.join(',')
        }})
        @listenToOnce docs, 'sync', @onDocsLoaded

    @render()

  onDocsLoaded: (levelComponents) ->
    for component in levelComponents.models
      for propDoc in component.get('propertyDocumentation')
        if /^cast.+/.test propDoc.name
          @spellDocs[propDoc.name] = propDoc
        else
          @propDocs[propDoc.name] = propDoc
    @render()

  afterRender: ->
    super()
    @$el.find('.nano:visible').nanoScroller({alwaysVisible: true})

  getRenderData: ->
    c = super()
    c.item = @item
    if @item
      stats = @item.getFrontFacingStats()
      c.stats = _.values(stats.stats)
      _.last(c.stats).isLast = true if c.stats.length
      c.props = []
      stats.props = stats.props.concat _.keys @spellDocs
      codeLanguage = (me.get('aceConfig') ? {}).language or 'python'
      for prop in stats.props
        doc = @propDocs[prop] ? @spellDocs[prop] ? {}
        description = utils.i18n doc, 'description'

        if _.isObject description
          description = description[codeLanguage] or _.values(description)[0]
        if _.isString description
          description = description.replace(/#{spriteName}/g, 'hero')
          if fact = stats.stats.shieldDefenseFactor
            description = description.replace(/#{shieldDefensePercent}%/g, fact.display)
          ## We don't have the full components loaded here, so we can't really get most of these values.
          #description = description.replace /#{([^.]+?)}/g, (match, keyChain) ->
          #  console.log 'gotta find', keyChain, 'from', match, 'and have', stats
          #  match
          description = description.replace(/#{(.+?)}/g, '`$1`')
          description = $(marked(description)).html()

        c.props.push {
          name: _.string.humanize prop
          description: description or '...'
        }
    c