FileTreeManager.coffee 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288
  1. define [
  2. "models/Doc"
  3. "models/File"
  4. "models/Folder"
  5. "file-tree/FileTreeView"
  6. "utils/Effects"
  7. "utils/Modal"
  8. "libs/backbone"
  9. "libs/jquery.storage"
  10. ], (Doc, File, Folder, FileTreeView, Effects, Modal) ->
  11. class FileTreeManager
  12. constructor: (@ide) ->
  13. _.extend(@, Backbone.Events)
  14. @views = {}
  15. @multiSelectedEntities = []
  16. @ide.on "afterJoinProject", (@project) =>
  17. @populateFileTree()
  18. @project_id = @project.id
  19. if @ide.editor?.current_doc_id?
  20. @openDoc(@ide.editor.current_doc_id)
  21. else if location.hash.length > 1
  22. fileName = location.hash.slice(1)
  23. @openDocByPath(fileName)
  24. else if openDoc_id = $.localStorage("doc.open_id.#{@project_id}") and @getEntity(openDoc_id)
  25. @openDoc(openDoc_id)
  26. else if @project.get("rootDoc_id")?
  27. @openDoc(project.get("rootDoc_id"))
  28. else
  29. $('#settings').click()
  30. @view = new FileTreeView(@)
  31. @ide.sideBarView.addLink
  32. identifier: "file-tree"
  33. element: @view.$el
  34. prepend: true
  35. @view.render()
  36. @listenForUpdates()
  37. populateFileTree: () ->
  38. @view.bindToRootFolder(@project.get("rootFolder"))
  39. listenForUpdates: () ->
  40. @ide.socket.on 'reciveNewDoc', (folder_id, doc) =>
  41. @addEntityToFolder(
  42. new Doc(id: doc._id, name: doc.name)
  43. folder_id
  44. )
  45. @ide.socket.on 'reciveNewFolder', (folder_id, folder) =>
  46. @addEntityToFolder(
  47. new Folder(id: folder._id, name: folder.name)
  48. folder_id
  49. )
  50. @ide.socket.on 'reciveNewFile', (folder_id, file) =>
  51. @addEntityToFolder(
  52. new File(id: file._id, name: file.name)
  53. folder_id
  54. )
  55. @ide.socket.on 'removeEntity', (entity_id) =>
  56. @onDeleteEntity(entity_id)
  57. @ide.socket.on 'reciveEntityRename', (entity_id, newName) =>
  58. @onRenameEntity(entity_id, newName)
  59. @ide.socket.on 'reciveEntityMove', (entity_id, folder_id) =>
  60. @onMoveEntity(entity_id, folder_id)
  61. registerView: (entity_id, view) ->
  62. @views[entity_id] = view
  63. addEntityToFolder: (entity, folder_id) ->
  64. folder = @views[folder_id].model
  65. children = folder.get("children")
  66. children.add(entity)
  67. openDoc: (doc, line) ->
  68. return if !doc?
  69. doc_id = doc.id or doc
  70. @trigger "open:doc", doc_id, line: line
  71. @selectEntity(doc_id)
  72. $.localStorage "doc.open_id.#{@project_id}", doc_id
  73. openDocByPath: (path, line) ->
  74. doc_id = @getDocIdOfPath(path)
  75. return null if !doc_id?
  76. @openDoc(doc_id, line)
  77. openFile: (file) ->
  78. @trigger "open:file", file
  79. @selectEntity(file.id)
  80. openFolder: (folder) ->
  81. @selectEntity(folder.id)
  82. selectEntity: (entity_id) ->
  83. if @views[@selected_entity_id]?
  84. @views[@selected_entity_id].deselect()
  85. @selected_entity_id = entity_id
  86. @ide.sideBarView.deselectAll()
  87. @views[entity_id]?.select()
  88. getEntity: (entity_id) ->
  89. @views[entity_id]?.model
  90. getSelectedEntity: () -> @getEntity(@selected_entity_id)
  91. getSelectedEntityId: () -> @getSelectedEntity()?.id
  92. getCurrentFolder: () ->
  93. selected_entity = @getSelectedEntity()
  94. if !selected_entity?
  95. return @project.get("rootFolder")
  96. else if selected_entity instanceof Folder
  97. return selected_entity
  98. else
  99. return selected_entity.collection.parentFolder
  100. getDocIdOfPath: (path) ->
  101. parts = path.split("/")
  102. folder = @project.get("rootFolder")
  103. lastPart = parts.pop()
  104. getChildWithName = (folder, name) ->
  105. return folder if name == "."
  106. foundChild = null
  107. for child in folder.get("children").models
  108. if child.get("name") == name
  109. foundChild = child
  110. return foundChild
  111. for part in parts
  112. folder = getChildWithName(folder, part)
  113. return null if !folder or !(folder instanceof Folder)
  114. doc = getChildWithName(folder, lastPart)
  115. return null if !doc or !(doc instanceof Doc)
  116. return doc.id
  117. getPathOfEntityId: (entity_id) ->
  118. entity = @getEntity(entity_id)
  119. return if !entity?
  120. path = entity.get("name")
  121. while (entity = entity.collection?.parentFolder)
  122. if entity.collection?
  123. # it's not the root folder so keep going
  124. path = entity.get("name") + "/" + path
  125. return path
  126. getRootFolderPath: () ->
  127. rootFilePath = @getPathOfEntityId(@project.get("rootDoc_id"))
  128. return rootFilePath.split("/").slice(0, -1).join("/")
  129. getNameOfEntityId: (entity_id) ->
  130. entity = @getEntity(entity_id)
  131. return if !entity?
  132. return entity.get("name")
  133. # RENAMING
  134. renameSelected: () ->
  135. entity_id = @getSelectedEntityId()
  136. return if !entity_id?
  137. @views[entity_id]?.startRename()
  138. ga('send', 'event', 'editor-interaction', 'renameEntity', "topMenu")
  139. renameEntity: (entity, name) ->
  140. name = name?.trim()
  141. @ide.socket.emit 'renameEntity', entity.id, entity.get("type"), name
  142. entity.set("name", name)
  143. onRenameEntity: (entity_id, name) ->
  144. @getEntity(entity_id)?.set("name", name)
  145. # MOVING
  146. onMoveEntity: (entity_id, folder_id) ->
  147. entity = @getEntity(entity_id)
  148. destFolder = @getEntity(folder_id)
  149. return if !entity? or !destFolder?
  150. if entity.collection == destFolder.get("children")
  151. # Already in parent folder
  152. return
  153. return if @_isParent(entity_id, folder_id)
  154. entity.collection.remove(entity)
  155. destFolder.get("children").add(entity)
  156. _isParent: (parent_folder_id, child_folder_id) ->
  157. childFolder = @getEntity(child_folder_id)
  158. return false unless childFolder? and childFolder instanceof Folder
  159. parentIds = childFolder.getParentFolderIds()
  160. if parentIds.indexOf(parent_folder_id) > -1
  161. return true
  162. else
  163. return false
  164. moveEntity: (entity_id, folder_id, type) ->
  165. return if @_isParent(entity_id, folder_id)
  166. @ide.socket.emit 'moveEntity', entity_id, folder_id, type
  167. @onMoveEntity(entity_id, folder_id)
  168. # CREATING
  169. showNewEntityModal: (type, defaultName, callback = (name) ->) ->
  170. el = $($("#newEntityModalTemplate").html())
  171. input = el.find("input")
  172. create = _.once () =>
  173. name = input.val()?.trim()
  174. if name != ""
  175. callback(name)
  176. modal = new Modal
  177. title: "New #{type}"
  178. el: el
  179. buttons: [{
  180. text: "Cancel"
  181. }, {
  182. text: "Create"
  183. callback: create
  184. class: "btn-primary"
  185. }]
  186. input.on "keydown", (e) ->
  187. if e.keyCode == 13 # Enter
  188. create()
  189. modal.remove()
  190. input.val(defaultName.replace("|", ""))
  191. if input[0].setSelectionRange?
  192. # value is "name.tex"
  193. input[0].setSelectionRange(0, defaultName.indexOf("|"))
  194. showNewDocModal: (parentFolder = @getCurrentFolder()) ->
  195. return if !parentFolder?
  196. @showNewEntityModal "Document", "name|.tex", (name) =>
  197. @addDocToFolder parentFolder, name
  198. showNewFolderModal: (parentFolder = @getCurrentFolder()) ->
  199. return if !parentFolder?
  200. @showNewEntityModal "Folder", "name|", (name) =>
  201. @addFolderToFolder parentFolder, name
  202. showUploadFileModal: (parentFolder = @getCurrentFolder()) ->
  203. return if !parentFolder?
  204. @ide.fileUploadManager.showUploadDialog parentFolder.id
  205. addDoc: (folder_id, name) ->
  206. @ide.socket.emit 'addDoc', folder_id, name
  207. addDocToFolder: (parentFolder, name) ->
  208. @addDoc parentFolder.id, name
  209. addFolder: (parent_folder_id, name) ->
  210. @ide.socket.emit 'addFolder', parent_folder_id, name
  211. addFolderToFolder: (parentFolder, name) ->
  212. return if !parentFolder?
  213. @addFolder parentFolder.id, name
  214. # DELETING
  215. confirmDelete: (entity) ->
  216. ga('send', 'event', 'editor-interaction', 'deleteEntity', "topMenu")
  217. Modal.createModal
  218. title: "Confirm Deletion"
  219. message: "Are you sure you want to delete <strong>#{entity.get("name")}</strong>?"
  220. buttons: [{
  221. text: "Cancel"
  222. class: "btn"
  223. },{
  224. text: "Delete"
  225. class: "btn btn-danger"
  226. callback: () => @_doDelete(entity)
  227. }]
  228. confirmDeleteOfSelectedEntity: () ->
  229. entity = @getSelectedEntity()
  230. return if !entity?
  231. @confirmDelete(entity)
  232. _doDelete: (entity) ->
  233. @ide.socket.emit 'deleteEntity', entity.id, entity.get("type")
  234. @onDeleteEntity entity.id
  235. onDeleteEntity: (entity_id) ->
  236. entity = @getEntity(entity_id)
  237. return if !entity?
  238. entity.set("deleted", true)
  239. entity.collection?.remove(entity)
  240. delete @views[entity_id]
  241. setLabels: (labels) ->
  242. @view.setLabels(labels)