FileTreeManager.coffee 8.6 KB

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