add web multifile

ykxie
1 parent 6bd2092e
Showing 7 changed files with 81 additions and 41 deletions
src/gxb-ide/CodingEditer.js
src/gxb-ide/Iterm.js
src/img/switch.png
src/js/c.js
src/player.html
src/v1.1/index.html
src/v1.1/player.html
@@ -39,11 +39,11 @@
             // }
  
             var _css = "<style>" + css + "</style>";
-            var _script = "<script>" + js + "</script>";
+            var _script = '<script type="text/javascript">' + js + "</script>";
  
-            var result = '<!DOCTYPE HTML><html><head>' + _css + '</head><body>' + html + '</body></html>';
+            var result = '<!DOCTYPE HTML><html><head>' + _css + _script + '</head><body>' + html + '</body></html>';
  
-            result = result + _script;
+            // result = result + _script;
  
             doc.open();
             doc.writeln(result);
@@ -312,7 +312,8 @@
                             buildRecords(Dir.getCurrentEditor(em.getWrapperElement().getAttribute('id')), changeobj);
                         }
                         if (CodingEditer.isWeb) {
-                            CodingEditer.webResult(_pauseValue[0], _pauseValue[1], _pauseValue[2])
+                            console.log(_pauseValue[2])
+                            // CodingEditer.webResult(_pauseValue[0], _pauseValue[1], _pauseValue[2])
                         }
                     },
                     onFocus: function(em) {
@@ -25,43 +25,46 @@
             $(document).on('focus', '#runtimeArgus', function(){  })
         },
         compile: function(){
-            var _this = this;
-            var el = document.querySelector('#CompileBtn');
-            var userId = _this.options.userId;
-            // var languageId = _this.options.languageId;
-            var languageId = _this.options.languageId || Dir.languageid;
-            var role = getQuery('role');
-            // alert("HHHHHHH")
-            
-
-            // 判断是否录制走不同的逻辑
-            if (!CodingEditer.isRcording) {
-                compileMode(el, userId, languageId)
+            if (_languageid == 35) {
+                var _pauseValue = CodingEditer.getCodeMirrorValue();
+                CodingEditer.webResult(_pauseValue[0], _pauseValue[1], _pauseValue[2])
             }else{
-                
-                if (_this.compileStatus && !_this.isCompile) {
-                    $('#CompileBtn').removeClass('compile-btn').addClass('static-btn');
-                    Hourglass.pauseTimer();     // 暂停计时器
-                    if (role == 0) {
-                       recorder.pause();        // 音频暂停 
-                    }
-
-                    $('.compile-loading').show();
-                    $('.pause-shodow').show()
-
-                    // 编译时插入操作
-                    var treeNode = null;
-                    var check_tree_time = new Date().getTime();
-                    CodingEditer.addRecord(treeNode, check_tree_time);
-
-                    _this.compileStatus = false;
-                    isCompile = true;
-
+                var _this = this;
+                var el = document.querySelector('#CompileBtn');
+                var userId = _this.options.userId;
+                // var languageId = _this.options.languageId;
+                var languageId = _this.options.languageId || Dir.languageid;
+                var role = getQuery('role');
+
+                // 判断是否录制走不同的逻辑
+                if (!CodingEditer.isRcording) {
                     compileMode(el, userId, languageId)
-                    $('.contrl-shodow').show();
+                }else{
+                    
+                    if (_this.compileStatus && !_this.isCompile) {
+                        $('#CompileBtn').removeClass('compile-btn').addClass('static-btn');
+                        Hourglass.pauseTimer();     // 暂停计时器
+                        if (role == 0) {
+                           recorder.pause();        // 音频暂停 
+                        }
+
+                        $('.compile-loading').show();
+                        $('.pause-shodow').show()
+
+                        // 编译时插入操作
+                        var treeNode = null;
+                        var check_tree_time = new Date().getTime();
+                        CodingEditer.addRecord(treeNode, check_tree_time);
+
+                        _this.compileStatus = false;
+                        isCompile = true;
+
+                        compileMode(el, userId, languageId)
+                        $('.contrl-shodow').show();
+                    }
+                    console.log('******************************' + languageId)
+                    
                 }
-                console.log('******************************' + languageId)
-                
             }
         },
         compileResult: function(data, value){
@@ -5,6 +5,24 @@ $(function(){
     var _languageid = getQuery('languageid');
     var _userId = getQuery('userId');
     var _role = getQuery('role');
+    var flag = true;
+
+    if(_languageid == 35){
+        $('.switch').show();
+        $("#CompileBtn .ladda-label").html("手动运行")
+    }else{
+        $("#CompileBtn .ladda-label").html("编译运行")
+    }
+
+    $('.switch').on('click', function(){
+        if(flag){
+            $("#CompileBtn .ladda-label").html("自动运行")
+            flag = false;
+        }else{
+            $("#CompileBtn .ladda-label").html("手动运行")
+            flag = true;
+        }
+    })
  
     // new一个基本IDE结构
     var ide = new GxbIde({
@@ -4,7 +4,7 @@
     <meta charset="UTF-8">
     <!-- <meta name="renderer" content="webkit"> -->
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
-    <title>互动编程</title>
+    <title>实景编程</title>
     <link rel="stylesheet" href="css/responsive/css/bootstrap.min.css">
     <link href="css/validationEngine.jquery.css" rel="stylesheet">
     <link href="css/codemirror.css" rel="stylesheet">
@@ -33,6 +33,21 @@
         .ladda-button .ladda-spinner{
             top: 0;
         }
+        .switch{
+            padding: 3px 4px;
+            background: #FFF;
+            border: 1px solid #3ad5f5;
+            border-radius: 16px;
+            position: relative;
+            left: 22px;
+            color: #1FB6FF;
+            display: none;
+        }
+        .switch img{
+            width: 16px;
+            vertical-align: middle;
+            padding-right: 2px;
+        }
     </style>
  
  
@@ -83,8 +98,11 @@
                             <li><a href="#output" role="tab" data-toggle="tab" class="text">结果</a></li>
                         </ul>
                         <div class="pull-right func">
+                            <button class="btn switch">
+                                <img src="../img/switch.png" alt="">
+                            </button>
                             <button class="btn compile-btn" id="CompileBtn">
-                                <span class="ladda-label">编译运行</span>
+                                <span class="ladda-label"></span>
                             </button>
                             <!-- <img src="../img/full-screen-icon.svg" alt=""> -->
                             <a id="full-screen" class="fb">
@@ -3,7 +3,7 @@
 <head>
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, minimal-ui">
-    <title></title>
+    <title>实景编程</title>
     <link rel="stylesheet" href="../css/responsive/css/bootstrap.min.css">
     <!-- <link href="../css/codemirror.css" rel="stylesheet"> -->
     <link href="../css/reset.css" rel="stylesheet">