优化框架重新录制bug、修改文件

ykxie
1 parent 52865f48
Showing 6 changed files with 78 additions and 49 deletions
src/gxb-ide/CodingEditer.js
src/gxb-ide/Dir.js
src/gxb-ide/ToolBox.js
src/gxb-ide/util.js
src/js/c.js
src/v1.1/c.html
@@ -133,10 +133,12 @@
             CodingEditer.record_startime = check_tree_time;
         },
         initRecodesValue: function(){
+            var treeLinkEditor = Dir.treeLinkEditor;
             CodingEditer.resetCodeMirrorValue();
             CodingEditer.record_startime = new Date().getTime();    // 设置开始录制的时间
-            var treeLinkEditor = Dir.treeLinkEditor;
             CodingEditer.recording_status = true;
+            CodingEditer.records = [];
+            console.log(CodingEditer.records);
             for (var i = treeLinkEditor.length-1; i >= 0; i--) {
                 console.log(treeLinkEditor[i].CodeMirrorRecord.getValue());
                 var recordobj = {
@@ -318,8 +318,47 @@
         if (newName.length == 0) {
             renameAlert("文件名名称不能为空.", treeNode);
             return false;
-        }
-        if(newName != treeNode.name){
+        }else if(newName != treeNode.name){
+            for (var i = 0; i < treeLinkEditor.length; i++) {
+                if(treeLinkEditor[i].file === treeNode.name){
+                    var _temName = treeLinkEditor[i].name;
+                    var _name = Dir.manageName(newName);
+
+                    // 缓存值得更新
+                    treeLinkEditor[i].name = _name;
+                    treeLinkEditor[i].file = newName;
+                    treeLinkEditor[i].filePath = Dir.getTreePath(treeNode.name, newName);
+                    treeLinkEditor[i].record = _name + 'Record';
+                    treeLinkEditor[i].replay = _name + 'Replay';
+                    treeLinkEditor[i].CodeMirrorRecordId = treeLinkEditor[i].record + 'CodeMirror';
+                    treeLinkEditor[i].CodeMirrorReplayId = treeLinkEditor[i].replay + 'CodeMirror';
+
+                    Dir.mainPath = treeLinkEditor[i].filePath;
+                    // 更新DOM相关
+                    $('#'+ _temName +'RecordWrap').attr({
+                        id: _name +'RecordWrap'
+                    });
+                    $('#'+ _temName + 'Record').attr({
+                        id: _name + 'Record',
+                        title: _name
+                    });
+                    $('#'+ _temName + 'RecordCodeMirror').attr({
+                        id: _name + 'RecordCodeMirror'
+                    });
+
+                    $('#'+ _temName +'ReplayWrap').attr({
+                        id: _name +'ReplayWrap'
+                    });
+                    $('#'+ _temName + 'Replay').attr({
+                        id: _name + 'Replay',
+                        title: _name
+                    });
+                    $('#'+ _temName + 'ReplayCodeMirror').attr({
+                        id: _name + 'ReplayCodeMirror'
+                    });
+                    // treeLinkEditor[i].CodeMirrorRecord.setValue(treeLinkEditor[i].CodeMirrorRecord.getValue() + '\n\n'+ _name);
+                }
+            }
         }
         return true;
     }
@@ -337,7 +376,7 @@
     // 编辑错误提示
     function renameAlert(str, treeNode){
         setTimeout(function() {
-            // var zTree = $.fn.zTree.getZTreeObj("folder");
+            // var Dir = $.fn.zTree.getZTreeObj("folder");
             // cancelEditName();
             alert(str);
         }, 0);
@@ -98,7 +98,7 @@
             console.log('重新录制代码');
             var _this = this;
             $('#recordertab a:first').tab('show');
-            CodingEditer.records = [];
+            // CodingEditer.records = [];
             _this.readOnly(0)
             recordAudio()
         },
@@ -139,7 +139,7 @@
             console.log(rec);
             recorder = rec;
             recorder.start();
-            CodingEditer.initRecodesValue();
+            CodingEditer.initRecodesValue()
         });
     }
+// 修改代码状态
+function readOnly(status){
+    // status: 1 禁止修改，0 允许修改
+    var treeLinkEditor = Dir.treeLinkEditor;
+    
+    if (status == 0 && status == 1) {
+        for (var i = 0; i < treeLinkEditor.length; i++) {
+            treeLinkEditor[i].CodeMirrorRecord.setOption('readOnly', status);
+            treeLinkEditor[i].CodeMirrorReplay.setOption('readOnly', status);
+        }
+    }else{
+        console.log('status undefind');
+    }
+    
+}
 \ No newline at end of file
 $(function(){
-    var languageid = 11;
     var _languageid = getQuery('languageid');
+    var _userId = getQuery('userId');
     $("title").html("C 语言");
-
-    var userId = 826920;
-    console.log(languageid);
-    console.log(_languageid);
-
+    // new一个基本IDE结构
     var ide = new GxbIde({
         el: '#folder',
         languageid: parseInt(_languageid)
     });
-    console.log(ide);
-
-    $('.getValue').click(function(){
-        // var treeLinkEditor = Dir.treeLinkEditor;
-        console.log(CodingEditer.records);
-        CodingEditer.getCodeMirrorValue();
-        CodingEditer.playCoding();
-    })
-
-    // $('#compileBtn').click(function(){
-    //     ToolBox.compileMode(userId, languageid);
-    // })
+    // new一个老师录制的控制条工具
+    var techTool = new ToolBox({
+        el: '#toolBox',
+        startCallback: function(){
+            
+        }
+    });
-    // 录制代码
+    // 编译控制台
+    var iterm = new Iterm({
+        userId: _userId,
+        languageId: _languageid
+    });
-    // 播放代码
-    $('.audio-play').click(function() {
-        $('#audio')[0].play();
-    })
+    console.log(ide);
 })
@@ -29,8 +29,8 @@
     <script src="../gxb-ide/Dir.js"></script>
     <script src="../gxb-ide/CodingEditer.js"></script>
     <script src="../gxb-ide/Iterm.js"></script>
-    <script src="../gxb-ide/ToolBox.js"></script>
     <script src="../gxb-ide/Ide.js"></script>
+    <script src="../gxb-ide/ToolBox.js"></script>
     <script src="../js/c.js"></script>
@@ -43,25 +43,6 @@
     <script>
         var gxb_api = "https://restful1.gaoxiaobang.com";
         // var gxb_api = "http://192.168.80.223:8080"
-        $(function(){
-            var _languageid = getQuery('languageid');
-            var _userId = getQuery('userId');
-
-
-            var techTool = new ToolBox({
-                el: '#toolBox',
-                startCallback: function(){
-                    
-                }
-            });
-
-            var iterm = new Iterm({
-                userId: _userId,
-                languageId: _languageid
-            });
-
-            
-        })
     </script>