mirror of
https://github.com/overleaf/overleaf.git
synced 2024-12-02 04:58:46 -05:00
159 lines
3.7 KiB
CoffeeScript
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()
|
|
|
|
|
|
|