mirror of
https://github.com/overleaf/overleaf.git
synced 2024-11-21 20:47:08 -05:00
121 lines
3.1 KiB
CoffeeScript
121 lines
3.1 KiB
CoffeeScript
define [
|
|
"models/Folder"
|
|
"models/Doc"
|
|
"models/File"
|
|
"file-tree/EntityView"
|
|
"file-tree/DocView"
|
|
"file-tree/FileView"
|
|
"utils/Modal"
|
|
"utils/Effects"
|
|
"libs/mustache"
|
|
], (Folder, Doc, File, EntityView, DocView, FileView, Modal, Effects) ->
|
|
FolderView = EntityView.extend
|
|
templates:
|
|
childList: $("#entityListTemplate").html()
|
|
|
|
entityTemplate: $("#folderTemplate").html()
|
|
|
|
events: () ->
|
|
events = EntityView::events.apply(this)
|
|
events["click ##{@model.id} > .js-toggle"] = "onToggle"
|
|
return events
|
|
|
|
render: () ->
|
|
EntityView::render.apply(this, arguments)
|
|
@renderEntries()
|
|
return @
|
|
|
|
renderEntries: () ->
|
|
@$el.append(Mustache.to_html @templates.childList, @model.attributes)
|
|
@$contents = @$(".contents")
|
|
@$childList = @$(".entity-list")
|
|
@$menu = @$(".js-new-entity-menu")
|
|
@$deleteButton = @$(".js-delete-btn")
|
|
@$toggle = @$entityListItemEl.children(".js-toggle")
|
|
@_renderChildViews()
|
|
@_initializeDrop()
|
|
@hideEntries()
|
|
|
|
_renderChildViews: () ->
|
|
throw "Already rendered children" unless !@views?
|
|
@views = []
|
|
@model.get("children").each (child) =>
|
|
view = @_buildViewForModel(child)
|
|
@views.push view
|
|
@$childList.append(view.$el)
|
|
view.render()
|
|
@bindToCollection()
|
|
|
|
renderNewEntry: (model, index) ->
|
|
view = @_buildViewForModel(model)
|
|
@views.splice(index, 0, view)
|
|
if index == 0
|
|
@$childList.prepend(view.$el)
|
|
else
|
|
view.$el.insertAfter(@views[index-1].$el)
|
|
view.render()
|
|
Effects.fadeElementIn view.$el
|
|
|
|
removeEntry: (model, index) ->
|
|
view = @views[index]
|
|
@views.splice(index,1)
|
|
if model.get("deleted")
|
|
Effects.fadeElementOut view.$el, () ->
|
|
view.remove()
|
|
else
|
|
view.remove()
|
|
|
|
_buildViewForModel: (model) ->
|
|
attrs = model: model, manager: @options.manager
|
|
if model instanceof Folder
|
|
view = new FolderView(attrs)
|
|
else if model instanceof Doc
|
|
view = new DocView(attrs)
|
|
else
|
|
view = new FileView(attrs)
|
|
return view
|
|
|
|
_initializeDrop: () ->
|
|
onDrop = (event, ui) =>
|
|
if event.target == @$childList[0] or event.target == @$entityListItemEl[0]
|
|
entity = ui.draggable
|
|
entity_id = entity.attr("id")
|
|
entity_type = entity.attr("entity-type")
|
|
@manager.moveEntity entity_id, @model.id, entity_type
|
|
|
|
@$entityListItemEl.droppable
|
|
greedy: true
|
|
hoverClass: "droppable-folder-hover"
|
|
drop: onDrop
|
|
|
|
@$childList.droppable
|
|
greedy: true
|
|
hoverClass: "droppable-folder-hover"
|
|
drop: onDrop
|
|
|
|
bindToCollection: () ->
|
|
@model.get("children").on "add", (model, folderCollection, data) =>
|
|
@renderNewEntry(model, data.index)
|
|
@model.get("children").on "remove", (model, folderCollection, data) =>
|
|
@removeEntry(model, data.index)
|
|
|
|
onClick: (e) ->
|
|
e.preventDefault()
|
|
@options.manager.openFolder(@model)
|
|
|
|
hideEntries: () ->
|
|
@$contents.hide()
|
|
@$toggle.find(".js-open").hide()
|
|
@$toggle.find(".js-closed").show()
|
|
|
|
showEntries: () ->
|
|
@$contents.show()
|
|
@$toggle.find(".js-open").show()
|
|
@$toggle.find(".js-closed").hide()
|
|
|
|
onToggle: (e) ->
|
|
e.preventDefault()
|
|
if @$contents.is(":visible")
|
|
@hideEntries()
|
|
else
|
|
@showEntries()
|