codecombat/app/views/editor/level/components/ComponentsTabView.coffee

101 lines
4.1 KiB
CoffeeScript

CocoView = require 'views/core/CocoView'
template = require 'templates/editor/level/components_tab'
ThangType = require 'models/ThangType'
LevelComponent = require 'models/LevelComponent'
LevelComponentEditView = require './LevelComponentEditView'
LevelComponentNewView = require './NewLevelComponentModal'
require 'vendor/treema'
class LevelComponentCollection extends Backbone.Collection
url: '/db/level.component'
model: LevelComponent
module.exports = class ComponentsTabView extends CocoView
id: 'editor-level-components-tab-view'
template: template
className: 'tab-pane'
subscriptions:
'editor:level-component-editing-ended': 'onLevelComponentEditingEnded'
events:
'click #create-new-component-button': 'createNewLevelComponent'
'click #create-new-component-button-no-select': 'createNewLevelComponent'
onLoaded: ->
refreshLevelThangsTreema: (thangsData) ->
presentComponents = {}
for thang in thangsData
componentMap = {}
thangType = @supermodel.getModelByOriginal ThangType, thang.thangType
for component in thangType.get('components') ? []
componentMap[component.original] = component
for component in thang.components
componentMap[component.original] = component
for component in _.values(componentMap)
haveThisComponent = (presentComponents[component.original + '.' + (component.majorVersion ? 0)] ?= [])
haveThisComponent.push thang.id if haveThisComponent.length < 100 # for performance when adding many Thangs
return if _.isEqual presentComponents, @presentComponents
@presentComponents = presentComponents
componentModels = @supermodel.getModels LevelComponent
componentModelMap = {}
componentModelMap[comp.get('original')] = comp for comp in componentModels
components = ({original: key.split('.')[0], majorVersion: parseInt(key.split('.')[1], 10), thangs: value, count: value.length} for key, value of @presentComponents)
treemaData = _.sortBy components, (comp) ->
comp = componentModelMap[comp.original]
res = [comp.get('system'), comp.get('name')]
return res
treemaOptions =
supermodel: @supermodel
schema: {type: 'array', items: {type: 'object', format: 'level-component'}}
data: treemaData
callbacks:
select: @onTreemaComponentSelected
readOnly: true
nodeClasses: {'level-component': LevelComponentNode}
@componentsTreema = @$el.find('#components-treema').treema treemaOptions
@componentsTreema.build()
@componentsTreema.open()
onTreemaComponentSelected: (e, selected) =>
selected = if selected.length > 1 then selected[0].getLastSelectedTreema() else selected[0]
unless selected
@removeSubView @levelComponentEditView
@levelComponentEditView = null
return
@editLevelComponent original: selected.data.original, majorVersion: selected.data.majorVersion
createNewLevelComponent: (e) ->
levelComponentNewView = new LevelComponentNewView supermodel: @supermodel
@openModalView levelComponentNewView
Backbone.Mediator.publish 'editor:view-switched', {}
editLevelComponent: (e) ->
@levelComponentEditView = @insertSubView new LevelComponentEditView(original: e.original, majorVersion: e.majorVersion, supermodel: @supermodel)
onLevelComponentEditingEnded: (e) ->
@removeSubView @levelComponentEditView
@levelComponentEditView = null
destroy: ->
@componentsTreema?.destroy()
super()
class LevelComponentNode extends TreemaObjectNode
valueClass: 'treema-level-component'
collection: false
buildValueForDisplay: (valEl, data) ->
count = if data.count is 1 then data.thangs[0] else ((if data.count >= 100 then '100+' else data.count) + ' Thangs')
if data.original.match ':'
name = 'Old: ' + data.original.replace('systems/', '')
else
comp = _.find @settings.supermodel.getModels(LevelComponent), (m) =>
m.get('original') is data.original and m.get('version').major is data.majorVersion
name = "#{comp.get('system')}.#{comp.get('name')} v#{comp.get('version').major}"
@buildValueForDisplaySimply valEl, "#{name} (#{count})"