ProjectFrameOld.ts 7.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316
  1. import ScriptWidget = require("./ScriptWidget");
  2. import Editor = require("../editor/Editor");
  3. var UI = Atomic.UI;
  4. class ProjectFrame extends ScriptWidget {
  5. folderList: Atomic.UIListView;
  6. constructor(parent: Atomic.UIWidget) {
  7. super();
  8. this.load("AtomicEditor/editor/ui/projectframe.tb.txt");
  9. this.gravity = UI.GRAVITY_TOP_BOTTOM;
  10. var projectviewcontainer = parent.getWidget("projectviewcontainer");
  11. projectviewcontainer.addChild(this);
  12. var foldercontainer = this.getWidget("foldercontainer");
  13. var folderList = this.folderList = new Atomic.UIListView();
  14. folderList.rootList.id = "folderList_";
  15. foldercontainer.addChild(folderList);
  16. // events
  17. this.subscribeToEvent("ProjectLoaded", (data) => this.handleProjectLoaded(data));
  18. }
  19. handleProjectLoaded(data) {
  20. this.refresh();
  21. }
  22. handleWidgetEvent(data): boolean {
  23. if (data.type == Atomic.UI.EVENT_TYPE_CLICK) {
  24. var fs = Atomic.getFileSystem();
  25. if (data.target && data.target.id.length) {
  26. var id = data.target.id;
  27. if (id == "folderList_") {
  28. var list = <Atomic.UISelectList> data.target;
  29. var selectedId = list.selectedItemID;
  30. if (fs.dirExists(selectedId)) {
  31. this.selectCurrentContentFolder(selectedId);
  32. }
  33. return true;
  34. }
  35. if (id == "..") {
  36. var parentPath = Atomic.getParentPath(this.currentContentFolder);
  37. this.selectCurrentContentFolder(parentPath);
  38. return true;
  39. }
  40. if (fs.dirExists(id)) {
  41. this.selectCurrentContentFolder(id);
  42. return true;
  43. }
  44. if (fs.fileExists(id)) {
  45. this.sendEvent("EditResource", { "path": id });
  46. return true;
  47. }
  48. }
  49. }
  50. return false;
  51. }
  52. refresh() {
  53. var cfolder = this.currentContentFolder;
  54. this.currentContentFolder = "";
  55. this.refreshFolders();
  56. }
  57. private refreshContent(fullpath: string) {
  58. var system = ToolCore.getToolSystem();
  59. var project = system.project;
  60. this.currentContentFolder = fullpath;
  61. var folders = new Array<string>();
  62. var content = new Array<string>();
  63. this.scanContentDirForContent(folders, content, fullpath);
  64. var container: Atomic.UILayout = <Atomic.UILayout> this.getWidget("contentcontainer");
  65. container.deleteAllChildren();
  66. if (fullpath != project.resourcePath) {
  67. var lp = new Atomic.UILayoutParams();
  68. lp.height = 20;
  69. var fd = new Atomic.UIFontDescription();
  70. fd.id = "Vera";
  71. fd.size = 11;
  72. var button = new Atomic.UIButton();
  73. button.gravity = UI.GRAVITY_LEFT;
  74. button.text = ".. ";
  75. button.id = "..";
  76. button.skinBg = "TBButton.flat";
  77. button.layoutParams = lp;
  78. button.fontDescription = fd;
  79. container.addChild(button);
  80. }
  81. for (var folder of folders) {
  82. var contentID = Atomic.addTrailingSlash(fullpath + folder);
  83. container.addChild(this.createButtonLayout(contentID, folder));
  84. }
  85. for (var c of content) {
  86. var contentID = Atomic.addTrailingSlash(fullpath) + c;
  87. container.addChild(this.createButtonLayout(contentID, c));
  88. }
  89. }
  90. private recursiveAddFolder(parentItemID: number, fullpath: string, folderName: string) {
  91. var folderList = this.folderList;
  92. var childItemID = folderList.addChildItem(parentItemID, folderName, "Folder.icon", fullpath);
  93. var dirs = new Array<string>();
  94. this.scanDirForFolders(dirs, fullpath);
  95. for (var folder of dirs) {
  96. this.recursiveAddFolder(childItemID, fullpath + folder + "/", folder);
  97. }
  98. }
  99. private refreshFolders() {
  100. var system = ToolCore.getToolSystem();
  101. var project = system.project;
  102. var folderList = this.folderList;
  103. folderList.deleteAllItems();
  104. var resourcesID = folderList.addRootItem("Resources", "Folder.icon", project.resourcePath);
  105. var dirs = new Array<string>();
  106. this.scanDirForFolders(dirs, project.resourcePath);
  107. for (var folder of dirs) {
  108. this.recursiveAddFolder(resourcesID, project.resourcePath + folder + "/", folder);
  109. }
  110. folderList.setExpanded(resourcesID, true);
  111. this.refreshContent(project.resourcePath);
  112. folderList.rootList.value = 0;
  113. }
  114. private selectCurrentContentFolder(folder: string) {
  115. this.folderList.selectItemByID(folder);
  116. if (this.currentContentFolder != folder)
  117. this.refreshContent(folder);
  118. }
  119. private endsWith(str: string, suffix: string): boolean {
  120. return str && str.indexOf(suffix, str.length - suffix.length) !== -1;
  121. }
  122. private scanDirForFolders(dirs: Array<string>, fullpath: string) {
  123. var fileSystem = Atomic.getFileSystem();
  124. dirs.length = 0;
  125. var folders = fileSystem.scanDir(fullpath, "", Atomic.SCAN_DIRS, false);
  126. for (var folder of folders) {
  127. if (folder == "." || folder == ".." || this.endsWith(folder, "/..") || this.endsWith(folder, "/."))
  128. continue;
  129. dirs.push(folder);
  130. }
  131. }
  132. private scanContentDirForContent(folders: Array<string>, content: Array<string>, fullPath: string) {
  133. var fileSystem = Atomic.getFileSystem();
  134. folders.length = content.length = 0;
  135. var _folders = fileSystem.scanDir(fullPath, "", Atomic.SCAN_DIRS, false);
  136. for (var folder of _folders) {
  137. if (folder == "." || folder == ".." || this.endsWith(folder, "/..") || this.endsWith(folder, "/."))
  138. continue;
  139. folders.push(folder);
  140. }
  141. var _content = fileSystem.scanDir(fullPath, "", Atomic.SCAN_FILES, false);
  142. for (var c of _content) {
  143. content.push(c);
  144. }
  145. }
  146. private createButtonLayout(fullpath: string, text: string): Atomic.UILayout {
  147. var system = ToolCore.getToolSystem();
  148. var project = system.project;
  149. var fs = Atomic.getFileSystem();
  150. var pathinfo = Atomic.splitPath(fullpath);
  151. var bitmapID = "Folder.icon";
  152. if (fs.fileExists(fullpath)) {
  153. bitmapID = "FileBitmap";
  154. }
  155. if (pathinfo.ext == ".js") {
  156. if (project.isComponentsDirOrFile(fullpath)) {
  157. bitmapID = "ComponentBitmap";
  158. }
  159. else {
  160. bitmapID = "JavascriptBitmap";
  161. }
  162. }
  163. var blayout = new Atomic.UILayout();
  164. blayout.gravity = UI.GRAVITY_LEFT;
  165. var spacer = new Atomic.UIWidget();
  166. spacer.rect = [0, 0, 8, 8];
  167. blayout.addChild(spacer);
  168. var button = new Atomic.UIButton();
  169. var lp = new Atomic.UILayoutParams;
  170. lp.height = 20;
  171. var fd = new Atomic.UIFontDescription();
  172. fd.id = "Vera";
  173. fd.size = 11;
  174. button.gravity = UI.GRAVITY_LEFT;
  175. var image = new Atomic.UISkinImage(bitmapID);
  176. image.rect = [0, 0, 12, 12];
  177. image.gravity = UI.GRAVITY_RIGHT;
  178. blayout.addChild(image);
  179. button.id = fullpath;
  180. button.layoutParams = lp;
  181. button.fontDescription = fd;
  182. button.text = text;
  183. button.skinBg = "TBButton.flat";
  184. blayout.addChild(button);
  185. return blayout;
  186. }
  187. private currentContentFolder: string;
  188. }
  189. export = ProjectFrame;