fix restart

ykxie
1 parent 08286742
Showing 11 changed files with 311 additions and 130 deletions
src/css/ide.css
src/css/main.css
src/gxb-ide/CodingEditer.js
src/gxb-ide/Dir.js
src/gxb-ide/Iterm.js
src/gxb-ide/ToolBox.js
src/js/c.js
src/js/player.js
src/js/util/Hourglass.js
src/scss/main.scss
src/v1.1/index.html
@@ -85,7 +85,7 @@ html, body {
   height: 100%;
   position: absolute;
   overflow: hidden;
-  background-color: #999; }
+  background-color: #FFF; }
 .record-title {
   width: 100%;
@@ -116,8 +116,7 @@ html, body {
   .record-wrap #ideEditer {
     width: calc(100% - 170px);
     float: left;
-    height: 100%;
-    background-color: #00F; }
+    height: 100%; }
     .record-wrap #ideEditer #recordzone, .record-wrap #ideEditer #replayzone, .record-wrap #ideEditer .coding {
       height: 100%; }
   .record-wrap #folder {
@@ -225,21 +224,12 @@ html, body {
   background-color: rgba(0, 0, 0, 0.4); }
   .pause-shodow .compile-loading {
     position: absolute;
-    top: 50%;
+    top: 30%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 999; }
   .pause-shodow .compile-reslut .btn {
     margin-right: 8px; }
-  .pause-shodow .btn-success {
-    background-color: #1FB6FF;
-    border: none;
-    box-shadow: 0 1px 5px; }
-  .pause-shodow .btn-danger {
-    background-color: #FFFFFF;
-    color: #6E787F;
-    border: none;
-    box-shadow: 0 1px 5px; }
 .compile-reslut, .re-reslut {
   position: absolute;
@@ -261,6 +251,10 @@ html, body {
     bottom: 0;
     text-align: right; }
+.re-reslut {
+  top: 40% !important;
+  transform: translate(-50%, -50%) !important; }
+
 #countdown {
   display: block;
   z-index: 999;
@@ -296,3 +290,30 @@ html, body {
   padding: 10px 24px; }
   #playFooter #componentWrapper {
     width: 100%; }
+
+.re-tips .btn-success, .pause-shodow .btn-success {
+  background-color: #1FB6FF;
+  border: none;
+  box-shadow: 0 1px 5px; }
+
+.re-tips .btn-danger, .pause-shodow .btn-danger {
+  background-color: #FFFFFF;
+  color: #6E787F;
+  border: none;
+  box-shadow: 0 1px 5px; }
+
+.re-tips {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.6);
+  z-index: 999; }
+
+.contrl-shodow {
+  width: 100%;
+  height: 60px;
+  position: absolute;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.4);
+  z-index: 999; }
@@ -7,7 +7,7 @@ html, body {
   height: 100%;
   position: absolute;
   overflow: hidden;
-  background-color: #999; }
+  background-color: #FFF; }
 .record-title {
   width: 100%;
@@ -38,8 +38,7 @@ html, body {
   .record-wrap #ideEditer {
     width: calc(100% - 170px);
     float: left;
-    height: 100%;
-    background-color: #00F; }
+    height: 100%; }
     .record-wrap #ideEditer #recordzone, .record-wrap #ideEditer #replayzone, .record-wrap #ideEditer .coding {
       height: 100%; }
   .record-wrap #folder {
@@ -147,21 +146,12 @@ html, body {
   background-color: rgba(0, 0, 0, 0.4); }
   .pause-shodow .compile-loading {
     position: absolute;
-    top: 50%;
+    top: 30%;
     left: 50%;
     transform: translate(-50%, -50%);
     z-index: 999; }
   .pause-shodow .compile-reslut .btn {
     margin-right: 8px; }
-  .pause-shodow .btn-success {
-    background-color: #1FB6FF;
-    border: none;
-    box-shadow: 0 1px 5px; }
-  .pause-shodow .btn-danger {
-    background-color: #FFFFFF;
-    color: #6E787F;
-    border: none;
-    box-shadow: 0 1px 5px; }
 .compile-reslut, .re-reslut {
   position: absolute;
@@ -183,6 +173,10 @@ html, body {
     bottom: 0;
     text-align: right; }
+.re-reslut {
+  top: 40% !important;
+  transform: translate(-50%, -50%) !important; }
+
 #countdown {
   display: block;
   z-index: 999;
@@ -218,3 +212,30 @@ html, body {
   padding: 10px 24px; }
   #playFooter #componentWrapper {
     width: 100%; }
+
+.re-tips .btn-success, .pause-shodow .btn-success {
+  background-color: #1FB6FF;
+  border: none;
+  box-shadow: 0 1px 5px; }
+
+.re-tips .btn-danger, .pause-shodow .btn-danger {
+  background-color: #FFFFFF;
+  color: #6E787F;
+  border: none;
+  box-shadow: 0 1px 5px; }
+
+.re-tips {
+  position: absolute;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(0, 0, 0, 0.6);
+  z-index: 999; }
+
+.contrl-shodow {
+  width: 100%;
+  height: 60px;
+  position: absolute;
+  bottom: 0;
+  background-color: rgba(0, 0, 0, 0.4);
+  z-index: 999; }
@@ -10,6 +10,8 @@
         isPause: true,                  // 是否暂停 true:不暂停，flase:暂停
         recordtimeoutcontrolls: [],
         isRcording: false,
+        firstPlay: 1,                   // 第一次播放
+        pauseValue: [],
         init: function(){
             console.log('CodingEditer');
         },
@@ -48,13 +50,8 @@
         },
         initCodeMirror: function(langid){
-            console.log('---------------------------')
-
             var treeLinkEditor = Dir.treeLinkEditor;
-            console.log(treeLinkEditor)
-
             initProgramPage(treeLinkEditor);
-
         },
         /**
          * 获取各个文件中的代码
@@ -70,40 +67,101 @@
             console.log(pauseValue);
             return pauseValue;
         },
+        getPlayCodeMirrorValue: function(){
+            CodingEditer.pauseValue = [];
+            var treeLinkEditor = Dir.treeLinkEditor;
+            for (var i = 0; i < treeLinkEditor.length; i++) {
+                console.log(treeLinkEditor[i].CodeMirrorReplay.getValue())
+                // ZTREE.showEdite({'treeNode': {'name': treeLinkEditor[i].file}});
+                CodingEditer.pauseValue.push(treeLinkEditor[i].CodeMirrorReplay.getValue());
+            }
+        },
+        setCodeMirrorValue: function(){
+            CodingEditer.resetCodeMirrorValue(1);
+            var codeLength = CodingEditer.pauseValue;
+            var treeLinkEditor = Dir.treeLinkEditor;
+
+            console.log(treeLinkEditor);
+
+            for (var i = 0; i < treeLinkEditor.length; i++) {
+                Dir.showEdite({'treeNode': {'name': treeLinkEditor[i].file}});
+                treeLinkEditor[i].CodeMirrorReplay.setValue(codeLength[i]);
+            }
+        },
         /**
          * 播放代码
          * Created by Kira on 2017-02-08
          */
         playCoding: function(){
-            CodingEditer.resetCodeMirrorValue(1)
+
+            // if (CodingEditer.firstPlay == 0) {
+            //     CodingEditer.setCodeMirrorValue();
+            //     Dir.showEdite({'treeNode': CodingEditer.treeSelectNode}); 
+            // }else{
+            //     CodingEditer.resetCodeMirrorValue(1);
+            //     var iterm = new Iterm();
+            //     iterm.compileResult()
+            // }
+
+            CodingEditer.resetCodeMirrorValue(1);
             var iterm = new Iterm();
             iterm.compileResult()
-            console.log('------------------CodingEditer.records')
-            console.log(CodingEditer.records)
+
             var playbackrecord = CodingEditer.records;
             var starttime = 0;
+            var playTotalTime = 0;
+
             $('#recordertab a:eq(1)').tab('show');
+
+            // if (playerpage) {
+            //     $('#recordertab a:eq(0)').tab('show');
+            // }else{
+            //     $('#recordertab a:eq(1)').tab('show');
+            // }
+            
+
             for (var i = 0; i < playbackrecord.length; i++) {
                 if (playbackrecord[i].trigger === 1) {
-                    console.log('已播放------------------')
+                    playTotalTime +=  parseInt(playbackrecord[i].intervaltime);
                 }else if (playbackrecord[i].trigger === 0) {
                     var timeoutcontroller = null;
                     var replayinterval = playbackrecord[i].intervaltime;
                     if (!CodingEditer.isPause) {
                         starttime = replayinterval - (CodingEditer.audioTime - playTotalTime);
-                        CodingEditer.isPause = false;
+                        CodingEditer.isPause = true;
                     }else{
-                        if (i == 0) {
-                            starttime = replayinterval;
-                        }else{
-                            starttime = parseInt(starttime) + parseInt(replayinterval);
-                        }
+                        // if (i == 0) {
+                        //     starttime = replayinterval;
+                        // }else{
+                        //     starttime = parseInt(starttime) + parseInt(replayinterval);
+                        // }
+                        starttime = parseInt(starttime) + parseInt(replayinterval);
                     }
+                    // starttime = parseInt(starttime) + parseInt(replayinterval);
+
                     timeoutcontroller = setTimeout(changeValueCallback(playbackrecord[i]), starttime/CodingEditer.speed);
                     CodingEditer.recordtimeoutcontrolls.push(timeoutcontroller);
                 }
             }
+            console.log(CodingEditer.recordtimeoutcontrolls)
+        },
+        pauseCode: function(){
+            CodingEditer.getPlayCodeMirrorValue();
+            console.log('---------------------------------');
+            console.log(CodingEditer.pauseValue)
+            CodingEditer.isPause = 0;
+            CodingEditer.firstPlay = 0;
+            CodingEditer.editable(0);
+            CodingEditer.treeSelectNode = Dir.treeObj.getSelectedNodes()[0];
+
+            var recordtimeoutcontrolls = CodingEditer.recordtimeoutcontrolls;
+
+            for (var i = 0; i < recordtimeoutcontrolls.length; i++) {
+                clearTimeout(recordtimeoutcontrolls[i]);
+            }
+            CodingEditer.recordtimeoutcontrolls = [];
+            CodingEditer.recordtimeouts = [];
         },
         /**
          * 记录动作
@@ -186,7 +244,10 @@
                     }
                 }
             } else {
+                console.log('------------------------------------------------')
                 console.log(treeLinkEditor)
+                console.log('------------------------------------------------')
+                
                 for (var i = 0; i < treeLinkEditor.length; i++) {
                     if(treeLinkEditor[i].CodeMirrorRecord){
                         Dir.showEdite({'treeNode': {'name': treeLinkEditor[i].file}});
@@ -201,6 +262,25 @@
         },
         playEnd: function(){
             Hourglass.stopTimer()
+            for (var i = 0; i < CodingEditer.records.length; i++) {
+                CodingEditer.records[i].trigger = 0;
+            }
+        },
+        /*
+         * 修改代码状态
+         */
+        editable: function(status){
+            // status: 1 禁止修改，0 允许修改
+            var treeLinkEditor = Dir.treeLinkEditor;
+            console.log(status + '##########################')
+            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');
+            }
         }
     }
@@ -209,7 +289,6 @@
     // 初始化编程页面
     function initProgramPage(treeLinkEditor, langid){
-        console.log(treeLinkEditor);
         // 生成 CodeMirror
         for (var i = 0; i < treeLinkEditor.length; i++) {
             // 判断是否是播放页面，如果是则不显示录制区相关dom
@@ -254,9 +333,6 @@
             treeLinkEditor[i].CodeMirrorReplayId = treeLinkEditor[i].replay + 'CodeMirror';
             $('#' + treeLinkEditor[i].replay).next().attr('id', treeLinkEditor[i].CodeMirrorReplayId).hide();
         }
-
-        console.log(treeLinkEditor);
-
         // 默认显示第一个文件夹的第一个文件
         Dir.showEdite();
     }
@@ -266,8 +342,6 @@
      * by Kira 2017-3-9
      */ 
     function buildRecords(editor, changeobj){
-        console.log(editor);
-
         var intervaltime,
             currenttime = new Date().getTime();
@@ -282,7 +356,6 @@
         intervaltime = currenttime - CodingEditer.record_startime;
-
         var recordobj = {
             intervaltime: intervaltime,
             editor: editor,
@@ -295,9 +368,6 @@
         CodingEditer.records.push(recordobj);       // 添加每次输入对象
         CodingEditer.record_startime = currenttime; //设定起始时间
-
-        console.log(CodingEditer.records);
-
     }
@@ -305,7 +375,7 @@
         var obj = record.changeobj,
             editor = record.editor,
             treeLinkEditor = Dir.treeLinkEditor;
-        console.log(treeLinkEditor);
+
         return function() {
             // 播放
             for (var i = 0; i < treeLinkEditor.length; i++) {
@@ -319,8 +389,9 @@
             record.trigger = 1; //标记已运行
             record.playTime = new Date().getTime(); // 播放开始时间
-            
-            console.log("================== _role ======================");
+            console.log("==================++======================");
+            console.log(record);
+
             if (record.code == 0 || record.code == 1) {
                 var iterm = new Iterm();
                 var resultData = {
@@ -342,11 +413,8 @@
                 for (var i = 0; i < CodingEditer.records.length; i++) {
                     CodingEditer.records[i].trigger = 0;
                 }
-                // $('.play-code').attr('disabled', false);
+
                 Hourglass.stopTimer();
-                // if(document.URL.indexOf('index.htm') >= 0) {
-                //     Hourglass.stopTimer();
-                // }
                 CodingEditer.triggertotal = 0;
             }
@@ -357,7 +425,6 @@
     function processChangeObject(playbackcm, obj) {
-        console.log(playbackcm);
         // 菜单选中
         Dir.showEdite({'treeNode': {'name': getEditor(playbackcm, 'name')},'replay': true});
@@ -431,10 +498,8 @@
             }
         }
-        console.log(currentObj);
         switch (key) {
             case 'name':
-                console.log('-------------------getEditor-------------------');
                 return currentObj.name;
                 break;
             case 'file':
@@ -66,6 +66,7 @@
                     treeData = res[_lang];
                     console.log(treeData);
                     treeObj = $.fn.zTree.init($(el), setting, treeData);
+                    Dir.treeObj = $.fn.zTree.init($(el), setting, treeData);
                     addTextareaPage(treeData);
@@ -395,7 +396,6 @@
         if(!_datalist.length){
             return false;
         }
-        console.log(_datalist);
         // 生成 textarea
         for (var i = 0; i < _datalist.length; i++) {
@@ -51,6 +51,7 @@
                 compileMode(el, userId, languageId)
             }
+            $('.contrl-shodow').show();
         },
         compileResult: function(data, value){
             if (!data) {
@@ -95,6 +96,8 @@
     // 继续录制配置
     function recodingConf(){
         $('.pause-shodow').hide()
+        $('.compile-reslut').hide();
+        $('.contrl-shodow').hide();
         Hourglass.pauseTimer();
         recorder.pause();
@@ -6,8 +6,8 @@
                      '<div class="ctrl-wrap">'+
                         '<div class="tool-item" id="start-recording" data="1" title="开始录制"><img src="" alt="" /></div>'+
                         '<div class="tool-item" id="stop-recording" data="1" title="结束录制"><img src="" alt="" /></div>'+
-                        '<div class="tool-item" id="re-recoding" data="1" title="开始录制"><img src="" alt="" /></div>'+
-                        '<div class="tool-item" id="audio-play" data="1" title="开始录制"><img src="" alt="" /></div>'+
+                        '<div class="tool-item" id="re-recoding" data="1" title="重新录制"><img src="" alt="" /></div>'+
+                        '<div class="tool-item" id="audio-play" data="1" title="播放预览"><img src="" alt="" /></div>'+
                      '</div>'+
                      '<div class="recording-time" id="timer" value="">00:00:00</div>'+
                      '<div class="save-wrap">'+
@@ -66,6 +66,8 @@
             $('#upload').on('click', function(){ _this.uploadAudio(); })
             $('#savecode').on('click', function(){ _this.saveCode(); })
             $('#cancel').on('click', function(){ _this.cancel(); })
+            $('#re-sure').on('click', function(){ _this.reSure(); })
+            $('#re-cancel').on('click', function(){ _this.reCancel(); })
         },
         startRecording: function(callback){
             console.log(this.options.userId);
@@ -99,22 +101,45 @@
             }
             CodingEditer.isRcording = false;
             $('#upload').removeClass('upload-teach').addClass('recording-finish').removeAttr('disabled').prop("disabled", false);
-
         },
         restartRecord: function(){
+            $('.re-tips').show()
+
+            if (typeof _this.options.restartCallback == 'function') {
+                _this.options.restartCallback();
+            }
+
+            // var _this = this;
+            // $('#recordertab a:first').tab('show');
+            // // CodingEditer.records = [];
+            // _this.readOnly(0)
+            // _this.startRecording()
+        },
+        reSure: function(){
+            $('.re-tips').hide()
             $('#re-recoding').hide()
             $('#stop-recording').show()
             $('#audio-play').hide()
-            console.log('重新录制代码');
-            var _this = this;
-            $('#recordertab a:first').tab('show');
-            // CodingEditer.records = [];
-            _this.readOnly(0)
-            if (typeof _this.options.restartCallback == 'function') {
-                console.log('restartCallback');
-                _this.options.restartCallback();
+            $('#upload').removeClass('recording-finish').addClass('upload-teach').attr("disabled", true);
+            $('#recordertab a:eq(0)').tab('show');
+
+            CodingEditer.resetCodeMirrorValue(0);
+
+            var recordtimeoutcontrolls = CodingEditer.recordtimeoutcontrolls;
+            for (var i = 0; i < recordtimeoutcontrolls.length; i++) {
+                clearTimeout(recordtimeoutcontrolls[i]);
             }
-            recordAudio()
+
+            CodingEditer.recordtimeoutcontrolls = [];
+            CodingEditer.recordtimeouts = [];
+
+            $('#audio')[0].pause();
+            Hourglass.stopTimer();
+
+            this.startRecording()
+        },
+        reCancel: function(){
+            $('.re-tips').hide()
         },
         initRecording: function(){
             var _this = this;
@@ -133,10 +158,11 @@
             recorder.getBlobData();
         },
         playCode: function(){
-            console.log('播放代码');
+            console.log('播放代码=-------------------------');
             $('#audio')[0].play();
             Hourglass.init()
             CodingEditer.playCoding()
+            console.log('播放代码=-------------------------');
         },
         uploadAudio: function(){
             console.log('uploadAudio');
@@ -6,7 +6,8 @@ $(function(){
     var _userId = getQuery('userId');
     var _role = getQuery('role');
-    $("title").html("C 语言");
+    // $("title").html("C 语言");
+    
     // new一个基本IDE结构
     var ide = new GxbIde({
         el: '#folder',
@@ -26,11 +27,13 @@ $(function(){
                     recordReady()
                 })
             iterm.compileResult()
+            
         },
         stopCallback: function(){
-
+            $("#countdown").find('img').attr('src', '')
         },
         restartCallback: function(){
+            
         }
     });
@@ -77,6 +77,8 @@ $(function(){
                 CodingEditer.playCoding();
             },
             pauseCallback: function() { // 暂停
+                CodingEditer.audioTime = parseInt(player.elements.audioDom.currentTime*1000);
+                CodingEditer.pauseCode();
             },
             seekedCallback: function() { // 拖拽
             }, 
@@ -36,7 +36,7 @@
             seconds = seconds < 10 ? ('0' + seconds) : seconds;
             time = hour + ':'+ min + ':' + seconds;
-            console.log(_dom);
+            // console.log(_dom);
             _dom.innerHTML = time;
             _dom.value = Timer.options.seconds;
@@ -7,7 +7,7 @@ html, body{
     height: 100%;
     position: absolute;
     overflow: hidden;
-    background-color: #999;
+    background-color: #FFF;
 }
 // 头部菜单
@@ -49,7 +49,6 @@ html, body{
         width: calc(100% - 170px);
         float: left;
         height: 100%;
-        background-color: #00F;
         #recordzone, #replayzone, .coding{
             height: 100%;
@@ -194,7 +193,7 @@ html, body{
     .compile-loading{
         position: absolute;
-        top: 50%;
+        top: 30%;
         left: 50%;
         transform: translate(-50%, -50%);
         z-index: 999;
@@ -205,18 +204,6 @@ html, body{
             margin-right: 8px;
         }
     }
-
-    .btn-success{
-        background-color: #1FB6FF;
-        border: none;
-        box-shadow: 0 1px 5px;
-    }
-    .btn-danger{
-        background-color: #FFFFFF;
-        color: #6E787F;
-        border: none;
-        box-shadow: 0 1px 5px;
-    }
 }
 .compile-reslut, .re-reslut{
@@ -243,6 +230,10 @@ html, body{
         text-align: right;
     }
 }
+.re-reslut{
+    top: 40% !important;
+    transform: translate(-50%, -50%) !important;
+}
 // 开始录制动画
 #countdown{
@@ -290,8 +281,38 @@ html, body{
     }
 }
+.re-tips, .pause-shodow{
+    .btn-success{
+        background-color: #1FB6FF;
+        border: none;
+        box-shadow: 0 1px 5px;
+    }
+    .btn-danger{
+        background-color: #FFFFFF;
+        color: #6E787F;
+        border: none;
+        box-shadow: 0 1px 5px;
+    }
+}
+// ti
+.re-tips{
+    position: absolute;
+    top: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(0, 0, 0, 0.6);
+    z-index: 999;
+}
+.contrl-shodow{
+    width: 100%;
+    height: 60px;
+    position: absolute;
+    bottom: 0;
+    background-color: rgba(0,0,0,0.4);
+    z-index: 999;
+}
@@ -17,49 +17,18 @@
     <link rel="stylesheet" href="../gxb-ide/toolBox.css">
     <link rel="stylesheet" href="../css/ide.css">
-    <script src="../js/jquery-1.7.1.js"></script>
-    <script src="../js/bootstrap.js"></script>
-    <script src="../js/codemirror.js"></script>
-    <script type="text/javascript" src="../js/zTree_v3-3.5.27/js/jquery.ztree.core.js"></script>
-    <script type="text/javascript" src="../js/zTree_v3-3.5.27/js/jquery.ztree.exedit.js"></script>
-    <script src="../js/emmet.js"></script>
-    
     <link rel="stylesheet" href="../js/ladda/ladda-themeless.min.css">
-    <script src="../js/ladda/spin.js"></script>
-    <script src="../js/ladda/ladda.js"></script>
-
-    <script src="../js/util/Hourglass.js"></script>
-    <script src="../js/util/util.js"></script>
-
-    <script src="../js/05-util.js"></script>
-    <script src="../js/03-http.js"></script>
-    
-    <script src="../js/recorder/Myna.js"></script>
-    <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/Ide.js"></script>
-    <script src="../gxb-ide/ToolBox.js"></script>
-
-    <script src="../js/c.js"></script>
-
-    <script src="../js/gbdebug/mode/xml/xml.js"></script>
-    <script src="../js/gbdebug/mode/javascript/javascript.js"></script>
-    <script src="../js/gbdebug/mode/css/css.js"></script>
-    <script src="../js/gbdebug/mode/htmlmixed/htmlmixed.js"></script> 
-    <script src="../js/gbdebug/mode/clike/clike.js"></script> 
-    
     <script>
         var gxb_api = "https://restful.gaoxiaobang.com";
         // var gxb_api = "http://192.168.80.223:8080"
-        $(function(){
-            $('.my-button').click(function(){
-                var l = Ladda.create(this);
-                l.start();
+        // $(function(){
+        //     $('.my-button').click(function(){
+        //         var l = Ladda.create(this);
+        //         l.start();
-            })
+        //     })
-        })
+        // })
     </script>
     <style>
@@ -176,8 +145,58 @@
         <div class="upload-tip" style="display: none;">
             <img src="../img/upload_tip.png" alt="">
         </div>
+
+        <!-- 重新开始 -->
+        <div class="re-tips" style="display: none;">
+            <div class="re-reslut">
+                <div class="tip-header">
+                    <span>提示</span>
+                </div>
+                <div class="tip-content">
+                    <p>你确定要重新录制吗?</p>
+                </div>
+                <div class="tip-footer">
+                    <button class="btn btn-success btn-sm" id="re-sure">确定</button>
+                    <button class="btn btn-danger btn-sm" id="re-cancel">取消</button>
+                </div>
+            </div>
+        </div>
+        <div class="contrl-shodow" style="display: none;">
+            
+        </div>
     </div>
+ <script src="../js/jquery-1.7.1.js"></script>
+ <script src="../js/bootstrap.js"></script>
+ <script src="../js/codemirror.js"></script>
+ <script type="text/javascript" src="../js/zTree_v3-3.5.27/js/jquery.ztree.core.js"></script>
+ <script type="text/javascript" src="../js/zTree_v3-3.5.27/js/jquery.ztree.exedit.js"></script>
+ <script src="../js/emmet.js"></script>
+
+ <script src="../js/ladda/spin.js"></script>
+ <script src="../js/ladda/ladda.js"></script>
+
+ <script src="../js/util/Hourglass.js"></script>
+ <script src="../js/util/util.js"></script>
+
+ <script src="../js/05-util.js"></script>
+ <script src="../js/03-http.js"></script>
+ 
+ <script src="../js/recorder/Myna.js"></script>
+ <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/Ide.js"></script>
+ <script src="../gxb-ide/ToolBox.js"></script>
+
+ <script src="../js/c.js"></script>
+
+ <script src="../js/gbdebug/mode/xml/xml.js"></script>
+ <script src="../js/gbdebug/mode/javascript/javascript.js"></script>
+ <script src="../js/gbdebug/mode/css/css.js"></script>
+ <script src="../js/gbdebug/mode/htmlmixed/htmlmixed.js"></script> 
+ <script src="../js/gbdebug/mode/clike/clike.js"></script> 
+    
 </body>
 </html>
 \ No newline at end of file