overleaf/services/web/public/coffee/file-tree/EntityView.coffee
2014-03-13 14:32:30 +00:00

159 lines
3.7 KiB
CoffeeScript

define [
"utils/ContextMenu"
"libs/backbone"
"libs/mustache"
], (ContextMenu) ->
EntityView = Backbone.View.extend
entityTemplate: $("#entityTemplate").html()
initialize: () ->
@ide = @options.manager.ide
@manager = @options.manager
@manager.registerView(@model.id, @)
@bindToModel()
events: () ->
events = {}
events["click ##{@model.id} > .js-clickable"] = "parentOnClick"
events["click .dropdown-caret"] = "showContextMenuFromCaret"
events["contextmenu"] = "showContextMenuFromRightClick"
return events
render: () ->
@$el.append(Mustache.to_html @entityTemplate, @model.attributes)
@_bindToDomElements()
@_makeEditable()
return @
_bindToDomElements: () ->
@$nameEl = @$(".name")
@$inputEl = @$("input.js-rename")
@$entityListItemEl = @$el.children(".entity-list-item")
_makeEditable: () ->
if @ide.isAllowedToDoIt "readAndWrite"
@_initializeRenameBox()
@_initializeDrag()
@hideRenameBox()
bindToModel: () ->
@model.on "change:name", (model) =>
@$nameEl.text(model.get("name"))
hideRenameBox: () ->
@$nameEl.show()
@$inputEl.hide()
showRenameBox: () ->
@$nameEl.hide()
@$inputEl.show()
select: () ->
@selected = true
@$entityListItemEl.addClass("selected")
deselect: () ->
@selected = false
@$entityListItemEl.removeClass("selected")
isSelected: () ->
@selected
parentOnClick: (e) ->
doubleClickInterval = 600
e.preventDefault()
if @lastClick and new Date() - @lastClick < doubleClickInterval
@onDoubleClick(e)
else
@lastClick = new Date()
@onClick(e)
onDoubleClick: (e) ->
e.preventDefault()
e.stopPropagation()
if @ide.isAllowedToDoIt "readAndWrite"
@startRename()
showContextMenuFromCaret: (e) ->
e.stopPropagation()
caret = @$(".dropdown-caret")
offset = caret.offset()
position =
top: offset.top + caret.outerHeight()
right: $(document.body).width() - (offset.left + caret.outerWidth())
@toggleContextMenu(position)
showContextMenuFromRightClick: (e) ->
e.preventDefault()
e.stopPropagation()
position =
left: e.pageX
top: e.pageY
@showContextMenu(position)
toggleContextMenu: (position) ->
if @contextMenu?
@contextMenu.destroy()
else
@showContextMenu(position)
showContextMenu: (position) ->
entries = @getContextMenuEntries()
@manager.trigger "contextmenu:beforeshow", @model, entries
@contextMenu = new ContextMenu(position, entries)
@contextMenu.on "destroy", () =>
delete @contextMenu
getContextMenuEntries: () ->
return [{
text: "Rename"
onClick: () =>
@startRename()
}, {
text: "Delete"
onClick: () =>
@manager.confirmDelete(@model)
}]
_initializeDrag: () ->
@$entityListItemEl.draggable
delay: 250
opacity: 0.7
helper: "clone"
scroll: true
_initializeRenameBox: () ->
@$inputEl.click (e) -> e.stopPropagation() # Don't stop rename on click in input
@$inputEl.keydown (event) =>
code = event.keyCode || event.which
if code == 13
@_finishRename()
@hideRenameBox()
startRename: () ->
if !@renaming
@renaming = true
@showRenameBox()
name = @model.get("name")
@$inputEl.val(name).focus()
if @$inputEl[0].setSelectionRange?
selectionEnd = name.indexOf(".")
if selectionEnd == -1
selectionEnd = name.length
@$inputEl[0].setSelectionRange(0, selectionEnd)
setTimeout =>
$(document.body).on "click.entity-rename", () =>
@_finishRename()
, 0
_finishRename: () ->
$(document.body).off "click.entity-rename"
@renaming = false
name = @$inputEl.val()
@manager.renameEntity(@model, name)
@hideRenameBox()