init player tree

ykxie
1 parent b2d21f2d
Showing 3 changed files with 104 additions and 41 deletions
src/data/10.json
src/gxb-ide/Dir.js
src/gxb-ide/ToolBox.js
@@ -13,4 +13,4 @@
         { "id": 24, "pId": 2, "name": "defaultD.java", "type": "java" },
         { "id": 25, "pId": 2, "name": "defaultE.java", "type": "java" }
     ]
-}
 \ No newline at end of file
+}
@@ -9,6 +9,8 @@
         fileList,               // 有值的文件数据结构
         treeObj;                // 获取ztree对象
+    var playTreePathData = {"tree": []};
+
     var isReplayPage = false;
     /*
@@ -47,16 +49,17 @@
         treeData: [],       // 缓存目录树返回结果
         treeLinkEditor: [], // 缓存整个目录树结构和代码编辑器的关系
         mainPath: null,     // 运行编译时候需要知道当前是哪个文件
+        treeObj: null,
         init: function(){
             console.log('=======================');
         },
         initIdePage: function(el, id, isPlayPage, role){
             var _url = "../data/" + id + ".json";
             var _lang = getLangName(id);
-            // console.log(id);
+
             console.log('=======================');
-            console.log(isPlayPage);
-            console.log(role);
+            console.log('isPlayPage ----- ' + isPlayPage);
+            console.log('role ----- ' + role);
             if (isPlayPage == 0) {
                 $.ajax({
@@ -66,16 +69,10 @@
                     contentType: "application/json",
                     success: function(res) {
                         console.log(res);
-
-                        treeData = res[_lang];
-                        console.log(treeData);
-                        treeObj = $.fn.zTree.init($(el), setting, treeData);
-                        Dir.treeObj = $.fn.zTree.init($(el), setting, treeData);
-
-                        addTextareaPage(treeData);
-
+                        Dir.treeData = res[_lang];
+                        Dir.treeObj = $.fn.zTree.init($(el), setting, Dir.treeData);
+                        addTextareaPage(Dir.treeData);
                         CodingEditer.initCodeMirror(treeLinkEditor);
-
                     },
                     error: function(XMLHttpRequest, textStatus, errorThrown) {
                         console.log('Ajax langs.json error');
@@ -91,7 +88,6 @@
                 } else if (role == 1) {
                     playUrl = gxb_api + "/programming/student/studentReplay/" + _codeReplayId + "/api";
                 }
-
                 $.ajax({
                     type: "GET",
                     url: playUrl,
@@ -99,16 +95,12 @@
                     contentType: "application/json",
                     success: function(res) {
                         console.log(res);
-
-                        treeData = res[_lang];
-                        console.log(treeData);
-                        treeObj = $.fn.zTree.init($(el), setting, treeData);
-                        Dir.treeObj = $.fn.zTree.init($(el), setting, treeData);
-
-                        addTextareaPage(treeData);
-
+                        var treeArr = res.programmingFileList;
+                        Dir.treeData = programFileListToTreeJson(treeArr);
+                        Dir.treeObj = $.fn.zTree.init($(el), setting, Dir.treeData);
+                        
+                        addTextareaPage(Dir.treeData);
                         CodingEditer.initCodeMirror(treeLinkEditor);
-
                     },
                     error: function(XMLHttpRequest, textStatus, errorThrown) {
                         console.log('Ajax langs.json error');
@@ -181,6 +173,7 @@
         getTreePath: function(name, newName){
             // console.log(treeData);
             var _pid, _folder, _filename;
+            var treeData = Dir.treeData;
             for (var i = 0; i < treeData.length; i++) {
                 if(treeData[i].name == name){
                     _pid = treeData[i].pId;
@@ -213,47 +206,48 @@
         },
         getTreeData: function(name){
             var _arr = [];
+            var treeLinkEditor = Dir.treeLinkEditor;
             console.log(treeLinkEditor);
             if(!isReplayPage){
                 // 判断是否是需要返回单文件结果
                 if(name){
                     for (var i = 0; i < treeLinkEditor.length; i++) {
-                        if(treeLinkEditor[i].name == name && $.trim(treeLinkEditor[i].CodeMirrorRecord.getValue()) != ''){
+                        // if(treeLinkEditor[i].name == name && $.trim(treeLinkEditor[i].CodeMirrorRecord.getValue()) != ''){
                             _arr.push({
                                 "path": treeLinkEditor[i].filePath,
                                 "content": $.trim(treeLinkEditor[i].CodeMirrorRecord.getValue())
                             })
-                        }
+                        // }
                     }
                 }else{
                     for (var i = 0; i < treeLinkEditor.length; i++) {
-                        if($.trim(treeLinkEditor[i].CodeMirrorRecord.getValue()) != ''){
+                        // if($.trim(treeLinkEditor[i].CodeMirrorRecord.getValue()) != ''){
                             _arr.push({
                                 "path": treeLinkEditor[i].filePath,
                                 "content": $.trim(treeLinkEditor[i].CodeMirrorRecord.getValue())
                             })
-                        }
+                        // }
                     }
                 }
             }else{
                 // 判断是否是需要返回单文件结果
                 if(name){
                     for (var i = 0; i < treeLinkEditor.length; i++) {
-                        if(treeLinkEditor[i].name == name && $.trim(treeLinkEditor[i].CodeMirrorReplay.getValue()) != ''){
+                        // if(treeLinkEditor[i].name == name && $.trim(treeLinkEditor[i].CodeMirrorReplay.getValue()) != ''){
                             _arr.push({
                                 "path": treeLinkEditor[i].filePath,
                                 "content": $.trim(treeLinkEditor[i].CodeMirrorReplay.getValue())
                             })
-                        }
+                        // }
                     }
                 }else{
                     for (var i = 0; i < treeLinkEditor.length; i++) {
-                        if($.trim(treeLinkEditor[i].CodeMirrorReplay.getValue()) != ''){
+                        // if($.trim(treeLinkEditor[i].CodeMirrorReplay.getValue()) != ''){
                             _arr.push({
                                 "path": treeLinkEditor[i].filePath,
                                 "content": $.trim(treeLinkEditor[i].CodeMirrorReplay.getValue())
                             })
-                        }
+                        // }
                     }
                 }
             }
@@ -266,11 +260,11 @@
             return _arr;
         },
         selectTreeItem: function(name){
-            var _thisName = name || treeData[1].name;
+            var _thisName = name || Dir.treeData[1].name;
             // 处理菜单选中状态
-            var node = treeObj.getNodeByParam("name", _thisName, null);
+            var node = Dir.treeObj.getNodeByParam("name", _thisName, null);
-            treeObj.selectNode(node, false, true);
+            Dir.treeObj.selectNode(node, false, true);
         },
         // 计算屏幕尺寸，动态渲染
         resizeWindow: function(){
@@ -299,9 +293,6 @@
     }
-    console.log(treeObj);
-
-
     // 当鼠标移动到节点上时，显示用户自定义控件
     function addHoverDom(treeId, treeNode) {
@@ -337,7 +328,7 @@
         if (treeNode.isParent) {
             return false;
         }
-        treeObj.expandNode(treeNode);
+        Dir.treeObj.expandNode(treeNode);
         var check_tree_time = new Date().getTime(); // 获取焦点的时间
@@ -406,9 +397,9 @@
     function beforeEditName(treeId, treeNode){
-        treeObj.selectNode(treeNode);
+        Dir.treeObj.selectNode(treeNode);
         setTimeout(function() {
-            treeObj.editName(treeNode);
+            Dir.treeObj.editName(treeNode);
         }, 0);
         return false;
     }
@@ -507,6 +498,77 @@
         return _langName;
     }
+    var isPlayDataError = false;
+    function programFileListToTreeJson(arr, lang){
+            var playTreeFolder = [], 
+                playTreeFile = [];
+            var n = 0, 
+                m = 0,
+                l = 0;
+            var datalist = arr;
+
+            if(datalist.length > 10){
+                datalist.length = 10;
+            }
+            for (var i =  0; i < datalist.length; i++) {
+                var temArr = datalist[i].path.split('/');
+                if(temArr[0] != "undefined" && temArr[1] != "undefined"){
+                    if(playTreeFolder.length > 0){
+                        for (var j = 0; j < playTreeFolder.length; j++) {
+                            if(playTreeFolder[j]){
+                                if(playTreeFolder[j].name != temArr[0]){
+                                    playTreeFolder[n] = {"name": temArr[0], "open": true, "isParent": true, "collapse": false };
+                                }else{
+                                    // console.log('playTreeFolder[j] else');
+                                }
+                            }
+                        }
+                    }else{
+                        playTreeFolder[n] = {"name": temArr[0], "open": true, "isParent": true, "collapse": false };
+                        n++;
+                    }
+
+                    if(playTreeFile.length > 0){
+                        for (var j = 0; j < playTreeFile.length; j++) {
+                            if(playTreeFile[j]){
+                                if(playTreeFile[j].name != temArr[1]){
+                                    playTreeFile[m] = {'pName': temArr[0], "name": temArr[1], "type": lang };
+                                }else{
+                                    playTreeFile[m] = {'pName': temArr[0], "name": temArr[1], "type": lang };
+                                    m++;
+                                }
+                            }
+                        }
+                    }else{
+                        playTreeFile[m] = {'pName': temArr[0], "name": temArr[1], "type": lang };
+                        m++;
+                    }    
+                }else{
+                    isPlayDataError = true;
+                    return false;
+                }
+            }
+            if(!isPlayDataError){
+                for (var i = 0; i < playTreeFolder.length; i++) {
+                    playTreeFolder[i].pId = 0;
+                    playTreeFolder[i].id = i+1;
+                    playTreePathData['tree'].push(playTreeFolder[i]);
+                }
+                for (var i = 0; i < playTreeFile.length; i++) {
+                    for (var j = 0; j < playTreeFolder.length; j++) {
+                        if(playTreeFile[i].pName == playTreeFolder[j].name){
+                            playTreeFile[i].id = (playTreeFolder[j].id.toString() + i.toString()) * 1;
+                            playTreeFile[i].pId = playTreeFolder[j].id;
+                            playTreePathData.tree.push(playTreeFile[i]);
+                        }
+                    }
+                }
+                return playTreePathData.tree;
+            }else{
+                return false;
+            }
+        }
+
     $(window).resize(function() {
         console.log('重置屏幕')
@@ -12,7 +12,7 @@
                      '<div class="recording-time" id="timer" value="">00:00:00</div>'+
                      '<div class="save-wrap">'+
                         '<input type="button" id="upload" class="upload-teach" disabled="disabled" value="保存">'+
-                        '<input type="button" id="savecode" class="upload-stud" style="display: none;" disabled="disabled" value="保存">'+
+                        '<input type="button" id="savecode" class="upload-stud" style="display: none;" disabled="disabled" value="保存da">'+
                         '<input type="button" id="cancel" value="关闭">'+
                      '</div>'+
                    '</div>';
@@ -176,6 +176,7 @@
             var programmingFileList = Dir.getTreeData();
             var keepTimer = Math.round($('#audio')[0].duration);
+
             var postData = {
                 "mainPath": Dir.mainPath,
                 "mainArgus": "lixxx",