修正一些问题

张光辉
1 parent 31bdb910
Showing 17 changed files with 222 additions and 75 deletions
.idea/workspace.xml
dist/css/ide.css
dist/css/main.css
dist/gxb-ide/Iterm.js
dist/gxb-ide/ToolBox.js
dist/gxb-ide/toolBox.css
dist/js/c.js
dist/scss/main.scss
dist/v1.1/index.html
src/css/ide.css
src/css/main.css
src/gxb-ide/Iterm.js
src/gxb-ide/ToolBox.js
src/gxb-ide/toolBox.css
src/js/c.js
src/scss/main.scss
src/v1.1/index.html
@@ -20,40 +20,7 @@
     <favorites_list name="programming" />
   </component>
   <component name="FileEditorManager">
-    <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
-      <file leaf-file-name="Dir.js" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/gxb-ide/Dir.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="0">
-              <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
-              <folding>
-                <element signature="n#!!doc" expanded="true" />
-              </folding>
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="Ide.js" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/src/gxb-ide/Ide.js">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="323">
-              <caret line="19" column="29" selection-start-line="19" selection-start-column="29" selection-end-line="19" selection-end-column="29" />
-              <folding />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="README.md" pinned="false" current-in-tab="true">
-        <entry file="file://$PROJECT_DIR$/README.md">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="170">
-              <caret line="14" column="3" selection-start-line="14" selection-start-column="3" selection-end-line="14" selection-end-column="3" />
-              <folding />
-            </state>
-          </provider>
-        </entry>
-      </file>
-    </leaf>
+    <leaf SIDE_TABS_SIZE_LIMIT_KEY="300" />
   </component>
   <component name="Git.Settings">
     <option name="RECENT_GIT_ROOT_PATH" value="$PROJECT_DIR$" />
@@ -73,7 +40,8 @@
     <handled-path value="$PROJECT_DIR$/node_modules" />
   </component>
   <component name="ProjectFrameBounds">
-    <option name="y" value="23" />
+    <option name="x" value="-1" />
+    <option name="y" value="28" />
     <option name="width" value="1232" />
     <option name="height" value="730" />
   </component>
@@ -103,6 +71,8 @@
     </navigator>
     <panes>
       <pane id="Scratches" />
+      <pane id="PackagesPane" />
+      <pane id="Scope" />
       <pane id="ProjectPane">
         <subPane>
           <PATH>
@@ -173,8 +143,6 @@
           </PATH>
         </subPane>
       </pane>
-      <pane id="PackagesPane" />
-      <pane id="Scope" />
     </panes>
   </component>
   <component name="PropertiesComponent">
@@ -616,15 +584,16 @@
       <updated>1521082406200</updated>
       <workItem from="1521082408104" duration="1336000" />
       <workItem from="1521277481140" duration="4000" />
+      <workItem from="1521536715500" duration="9000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="1340000" />
+    <option name="totallyTimeSpent" value="1349000" />
   </component>
   <component name="ToolWindowManager">
-    <frame x="0" y="23" width="1232" height="730" extended-state="0" />
-    <editor active="true" />
+    <frame x="-1" y="28" width="1232" height="730" extended-state="0" />
+    <editor active="false" />
     <layout>
       <window_info id="Palette" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
@@ -637,7 +606,7 @@
       <window_info id="Terminal" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.32843137" sideWeight="0.5" order="7" side_tool="false" content_ui="tabs" />
       <window_info id="Capture Tool" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="2" side_tool="false" content_ui="tabs" />
       <window_info id="Designer" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
-      <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.24537815" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
+      <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.2184874" sideWeight="0.5" order="0" side_tool="false" content_ui="combo" />
       <window_info id="Database" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
       <window_info id="Structure" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
       <window_info id="Ant Build" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.25" sideWeight="0.5" order="1" side_tool="false" content_ui="tabs" />
@@ -674,6 +643,10 @@
           <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
           <folding>
             <element signature="n#!!doc" expanded="true" />
+            <marker date="1521536646000" expanded="true" signature="1723:2457" ph="{...}" />
+            <marker date="1521536646000" expanded="true" signature="2057:2457" ph="{...}" />
+            <marker date="1521536646000" expanded="true" signature="2082:2457" ph="{&quot;type&quot;: &quot;GET&quot;...}" />
+            <marker date="1521536646000" expanded="true" signature="2282:2457" ph="{...}" />
           </folding>
         </state>
       </provider>
@@ -700,6 +673,10 @@
           <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
           <folding>
             <element signature="n#!!doc" expanded="true" />
+            <marker date="1521536646000" expanded="true" signature="1723:2457" ph="{...}" />
+            <marker date="1521536646000" expanded="true" signature="2057:2457" ph="{...}" />
+            <marker date="1521536646000" expanded="true" signature="2082:2457" ph="{&quot;type&quot;: &quot;GET&quot;...}" />
+            <marker date="1521536646000" expanded="true" signature="2282:2457" ph="{...}" />
           </folding>
         </state>
       </provider>
@@ -714,11 +691,41 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/README.md">
       <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="0">
+          <caret line="0" column="0" selection-start-line="0" selection-start-column="0" selection-end-line="0" selection-end-column="0" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/README.md">
+      <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="170">
           <caret line="14" column="3" selection-start-line="14" selection-start-column="3" selection-end-line="14" selection-end-column="3" />
           <folding />
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/src/gxb-ide/Ide.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="170">
+          <caret line="10" column="26" selection-start-line="10" selection-start-column="26" selection-end-line="10" selection-end-column="26" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/src/gxb-ide/Dir.js">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="17">
+          <caret line="5" column="0" selection-start-line="5" selection-start-column="0" selection-end-line="5" selection-end-column="0" />
+          <folding>
+            <element signature="n#!!doc" expanded="true" />
+            <marker date="1521536646000" expanded="true" signature="1723:2457" ph="{...}" />
+            <marker date="1521536646000" expanded="true" signature="2057:2457" ph="{...}" />
+            <marker date="1521536646000" expanded="true" signature="2082:2457" ph="{&quot;type&quot;: &quot;GET&quot;...}" />
+            <marker date="1521536646000" expanded="true" signature="2282:2457" ph="{...}" />
+          </folding>
+        </state>
+      </provider>
+    </entry>
   </component>
 </project>
 \ No newline at end of file
@@ -407,7 +407,7 @@ html, body {
   .pause-shodow .compile-reslut .btn {
     margin-right: 8px; }
-.compile-reslut, .re-reslut {
+.compile-reslut, .re-reslut, .mustrecord-reslut {
   position: absolute;
   height: 200px;
   width: 400px;
@@ -415,14 +415,14 @@ html, body {
   top: 15%;
   left: 50%;
   transform: translate(-50%); }
-  .compile-reslut .tip-header, .compile-reslut .tip-footer, .re-reslut .tip-header, .re-reslut .tip-footer {
+  .compile-reslut .tip-header, .compile-reslut .tip-footer, .re-reslut .tip-header, .re-reslut .tip-footer, .mustrecord-reslut .tip-header, .mustrecord-reslut .tip-footer {
     width: 100%;
     padding: 8px 8px;
     background-color: #F5F6FA; }
-  .compile-reslut .tip-content, .re-reslut .tip-content {
+  .compile-reslut .tip-content, .re-reslut .tip-content, .mustrecord-reslut .tip-content {
     padding: 40px;
     line-height: 1.7; }
-  .compile-reslut .tip-footer, .re-reslut .tip-footer {
+  .compile-reslut .tip-footer, .re-reslut .tip-footer, .mustrecord-reslut .tip-footer {
     position: absolute;
     bottom: 0;
     text-align: right; }
@@ -505,7 +505,7 @@ html, body {
   margin-left: 48px;
   outline: none; }
-.confirm-tip {
+.confirm-tip, .mustrecord-tip {
   position: absolute;
   width: 100%;
   height: 100%;
@@ -279,7 +279,7 @@ html, body {
   .pause-shodow .compile-reslut .btn {
     margin-right: 8px; }
-.compile-reslut, .re-reslut {
+.compile-reslut, .re-reslut, .mustrecord-reslut {
   position: absolute;
   height: 200px;
   width: 400px;
@@ -287,14 +287,14 @@ html, body {
   top: 15%;
   left: 50%;
   transform: translate(-50%); }
-  .compile-reslut .tip-header, .compile-reslut .tip-footer, .re-reslut .tip-header, .re-reslut .tip-footer {
+  .compile-reslut .tip-header, .compile-reslut .tip-footer, .re-reslut .tip-header, .re-reslut .tip-footer, .mustrecord-reslut .tip-header, .mustrecord-reslut .tip-footer {
     width: 100%;
     padding: 8px 8px;
     background-color: #F5F6FA; }
-  .compile-reslut .tip-content, .re-reslut .tip-content {
+  .compile-reslut .tip-content, .re-reslut .tip-content, .mustrecord-reslut .tip-content {
     padding: 40px;
     line-height: 1.7; }
-  .compile-reslut .tip-footer, .re-reslut .tip-footer {
+  .compile-reslut .tip-footer, .re-reslut .tip-footer, .mustrecord-reslut .tip-footer {
     position: absolute;
     bottom: 0;
     text-align: right; }
@@ -377,7 +377,7 @@ html, body {
   margin-left: 48px;
   outline: none; }
-.confirm-tip {
+.confirm-tip, .mustrecord-tip {
   position: absolute;
   width: 100%;
   height: 100%;
@@ -27,6 +27,14 @@
             $(document).on('focus', '#runtimeArgus', function(){  })
         },
         compile: function(){
+
+            if(autoScore && !window.recordStartedOnce) {
+                $('.mustrecord-tip').show().find('.btn-success').off('click').on('click', function(){
+                    $(this).parents('.mustrecord-tip').hide();
+                });
+                return;
+            }
+
             console.log('compile====')
             if (_languageid == 35) {
                 if (CodingEditer.isHanld == 0) {
@@ -4,8 +4,7 @@
                         '<audio id="audio"></audio>'+
                         '</div>'+
                      '<div class="ctrl-wrap">'+
-                        '<div class="tool-item" id="prepare-recording" data-toggle="tooltip" data-placement="top" title="点此开始录制"><img src="" alt="" /></div>'+
-                        '<div class="tool-item" id="start-recording" data="1" data-toggle="tooltip" data-placement="top" title="<span class=\'tooltip-content-large\'>点此开始录制</span>"><img src="" alt="" /></div>'+
+                        '<div class="tool-item" id="start-recording" data="1"><span class="start-recording-tips">点此开始录制</span><img src="" alt="" /></div>'+
                         '<div class="tool-item" id="stop-recording" data="1" data-toggle="tooltip" data-placement="top" title="结束录制"><img src="" alt="" /></div>'+
                         '<div class="tool-item" id="re-recoding" data="1" data-toggle="tooltip" data-placement="top" title="重新录制"><img src="" alt="" /></div>'+
                      '</div>'+
@@ -90,6 +89,9 @@
             $('#re-sure').on('click', function(){ _this.reSure(); })
             $('#re-cancel').on('click', function(){ _this.reCancel(); })
             $('.play-code').on('click', function(){ _this.playerPage(); })
+            window.onbeforeunload = function() {
+                return '尚未保存，关闭将丢失本次操作内容，确定关闭？'
+            };
         },
         startRecording: function(callback){
             console.log(this.options.userId);
@@ -294,6 +296,7 @@
                     $('#cancel').prop("disabled", false);
                     window.opener.postMessage(_data, _source);
+                    window.onbeforeunload = null;
                     window.close();
                 },
                 error: function() {
@@ -312,9 +315,6 @@
         },
         cancel: function(){
             console.log('cancel');
-            $(window).unbind('beforeunload', function() {
-                return '确认退出？ 将不保存你的代码';
-            });
             window.close();
         },
         /*
@@ -22,6 +22,53 @@
 .tool-item img{
     width: 48px;
 }
+@keyframes jump {
+    from {
+        transform: translateY(-50%);
+        -webkit-transform: translateY(-50%);
+    }
+    to {
+        transform: translateY(0);
+        -webkit-transform: translateY(0);
+    }
+}
+#start-recording {
+    position: relative;
+}
+#start-recording .start-recording-tips {
+    position: absolute;
+    background: #fff;
+    border: 1px solid #1FB6FF;
+    color: #1FB6FF;
+    bottom: 100%;
+    left: 50%;
+    margin-left: -100px;
+    width: 200px;
+    line-height: 50px;
+    font-size: 18px;
+    /*font-weight: bold;*/
+    text-align: center;
+    border-radius: 6px;
+    animation: jump ease 1s infinite;
+    -webkit-animation: jump ease 1s infinite;
+    pointer-events: none;
+}
+#start-recording .start-recording-tips:before, #start-recording .start-recording-tips:after {
+    position: absolute;
+    left: 50%;
+    top: 100%;
+    margin-left: -10px;
+    content: "";
+    border: 10px solid transparent;
+    border-bottom: 0;
+    border-top: 10px solid #1FB6FF;
+}
+#start-recording .start-recording-tips:after {
+    margin-top: -1px;
+    border-top-color: #fff;
+}
+
+
 .recording-time{
     float: left;
     height: 60px;
@@ -59,6 +59,7 @@ $(function(){
         questionId: _questionId,
         autoScore: _autoScore,
         startCallback: function(){
+            window.recordStartedOnce = true;
             // 禁止重命名
             setTimeout(function(){
                 DirSetting.edit.showRenameBtn = false;
@@ -329,7 +329,7 @@ html, body{
     }
 }
-.compile-reslut, .re-reslut{
+.compile-reslut, .re-reslut , .mustrecord-reslut{
     position: absolute;
     height: 200px;
     width: 400px;
@@ -453,7 +453,7 @@ html, body{
 .play-code img{
 }
-.confirm-tip{
+.confirm-tip, .mustrecord-tip {
     position: absolute;
     width: 100%;
     height: 100%;
@@ -237,6 +237,20 @@
                 </div>
             </div>
         </div>
+        <div class="mustrecord-tip" style="display: none;">
+            <div class="mustrecord-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">确定</button>
+                </div>
+            </div>
+        </div>
     </div>
 <script src="../js/jquery-1.7.1.js"></script>
@@ -407,7 +407,7 @@ html, body {
   .pause-shodow .compile-reslut .btn {
     margin-right: 8px; }
-.compile-reslut, .re-reslut {
+.compile-reslut, .re-reslut, .mustrecord-reslut {
   position: absolute;
   height: 200px;
   width: 400px;
@@ -415,14 +415,14 @@ html, body {
   top: 15%;
   left: 50%;
   transform: translate(-50%); }
-  .compile-reslut .tip-header, .compile-reslut .tip-footer, .re-reslut .tip-header, .re-reslut .tip-footer {
+  .compile-reslut .tip-header, .compile-reslut .tip-footer, .re-reslut .tip-header, .re-reslut .tip-footer, .mustrecord-reslut .tip-header, .mustrecord-reslut .tip-footer {
     width: 100%;
     padding: 8px 8px;
     background-color: #F5F6FA; }
-  .compile-reslut .tip-content, .re-reslut .tip-content {
+  .compile-reslut .tip-content, .re-reslut .tip-content, .mustrecord-reslut .tip-content {
     padding: 40px;
     line-height: 1.7; }
-  .compile-reslut .tip-footer, .re-reslut .tip-footer {
+  .compile-reslut .tip-footer, .re-reslut .tip-footer, .mustrecord-reslut .tip-footer {
     position: absolute;
     bottom: 0;
     text-align: right; }
@@ -505,7 +505,7 @@ html, body {
   margin-left: 48px;
   outline: none; }
-.confirm-tip {
+.confirm-tip, .mustrecord-tip {
   position: absolute;
   width: 100%;
   height: 100%;
@@ -279,7 +279,7 @@ html, body {
   .pause-shodow .compile-reslut .btn {
     margin-right: 8px; }
-.compile-reslut, .re-reslut {
+.compile-reslut, .re-reslut, .mustrecord-reslut {
   position: absolute;
   height: 200px;
   width: 400px;
@@ -287,14 +287,14 @@ html, body {
   top: 15%;
   left: 50%;
   transform: translate(-50%); }
-  .compile-reslut .tip-header, .compile-reslut .tip-footer, .re-reslut .tip-header, .re-reslut .tip-footer {
+  .compile-reslut .tip-header, .compile-reslut .tip-footer, .re-reslut .tip-header, .re-reslut .tip-footer, .mustrecord-reslut .tip-header, .mustrecord-reslut .tip-footer {
     width: 100%;
     padding: 8px 8px;
     background-color: #F5F6FA; }
-  .compile-reslut .tip-content, .re-reslut .tip-content {
+  .compile-reslut .tip-content, .re-reslut .tip-content, .mustrecord-reslut .tip-content {
     padding: 40px;
     line-height: 1.7; }
-  .compile-reslut .tip-footer, .re-reslut .tip-footer {
+  .compile-reslut .tip-footer, .re-reslut .tip-footer, .mustrecord-reslut .tip-footer {
     position: absolute;
     bottom: 0;
     text-align: right; }
@@ -377,7 +377,7 @@ html, body {
   margin-left: 48px;
   outline: none; }
-.confirm-tip {
+.confirm-tip, .mustrecord-tip {
   position: absolute;
   width: 100%;
   height: 100%;
@@ -27,6 +27,14 @@
             $(document).on('focus', '#runtimeArgus', function(){  })
         },
         compile: function(){
+
+            if(autoScore && !window.recordStartedOnce) {
+                $('.mustrecord-tip').show().find('.btn-success').off('click').on('click', function(){
+                    $(this).parents('.mustrecord-tip').hide();
+                });
+                return;
+            }
+
             console.log('compile====')
             if (_languageid == 35) {
                 if (CodingEditer.isHanld == 0) {
@@ -4,8 +4,7 @@
                         '<audio id="audio"></audio>'+
                         '</div>'+
                      '<div class="ctrl-wrap">'+
-                        '<div class="tool-item" id="prepare-recording" data-toggle="tooltip" data-placement="top" title="点此开始录制"><img src="" alt="" /></div>'+
-                        '<div class="tool-item" id="start-recording" data="1" data-toggle="tooltip" data-placement="top" title="<span class=\'tooltip-content-large\'>点此开始录制</span>"><img src="" alt="" /></div>'+
+                        '<div class="tool-item" id="start-recording" data="1"><span class="start-recording-tips">点此开始录制</span><img src="" alt="" /></div>'+
                         '<div class="tool-item" id="stop-recording" data="1" data-toggle="tooltip" data-placement="top" title="结束录制"><img src="" alt="" /></div>'+
                         '<div class="tool-item" id="re-recoding" data="1" data-toggle="tooltip" data-placement="top" title="重新录制"><img src="" alt="" /></div>'+
                      '</div>'+
@@ -90,6 +89,9 @@
             $('#re-sure').on('click', function(){ _this.reSure(); })
             $('#re-cancel').on('click', function(){ _this.reCancel(); })
             $('.play-code').on('click', function(){ _this.playerPage(); })
+            window.onbeforeunload = function() {
+                return '尚未保存，关闭将丢失本次操作内容，确定关闭？'
+            };
         },
         startRecording: function(callback){
             console.log(this.options.userId);
@@ -294,6 +296,7 @@
                     $('#cancel').prop("disabled", false);
                     window.opener.postMessage(_data, _source);
+                    window.onbeforeunload = null;
                     window.close();
                 },
                 error: function() {
@@ -312,9 +315,6 @@
         },
         cancel: function(){
             console.log('cancel');
-            $(window).unbind('beforeunload', function() {
-                return '确认退出？ 将不保存你的代码';
-            });
             window.close();
         },
         /*
@@ -22,6 +22,53 @@
 .tool-item img{
     width: 48px;
 }
+@keyframes jump {
+    from {
+        transform: translateY(-50%);
+        -webkit-transform: translateY(-50%);
+    }
+    to {
+        transform: translateY(0);
+        -webkit-transform: translateY(0);
+    }
+}
+#start-recording {
+    position: relative;
+}
+#start-recording .start-recording-tips {
+    position: absolute;
+    background: #fff;
+    border: 1px solid #1FB6FF;
+    color: #1FB6FF;
+    bottom: 100%;
+    left: 50%;
+    margin-left: -100px;
+    width: 200px;
+    line-height: 50px;
+    font-size: 18px;
+    /*font-weight: bold;*/
+    text-align: center;
+    border-radius: 6px;
+    animation: jump ease 1s infinite;
+    -webkit-animation: jump ease 1s infinite;
+    pointer-events: none;
+}
+#start-recording .start-recording-tips:before, #start-recording .start-recording-tips:after {
+    position: absolute;
+    left: 50%;
+    top: 100%;
+    margin-left: -10px;
+    content: "";
+    border: 10px solid transparent;
+    border-bottom: 0;
+    border-top: 10px solid #1FB6FF;
+}
+#start-recording .start-recording-tips:after {
+    margin-top: -1px;
+    border-top-color: #fff;
+}
+
+
 .recording-time{
     float: left;
     height: 60px;
@@ -59,6 +59,7 @@ $(function(){
         questionId: _questionId,
         autoScore: _autoScore,
         startCallback: function(){
+            window.recordStartedOnce = true;
             // 禁止重命名
             setTimeout(function(){
                 DirSetting.edit.showRenameBtn = false;
@@ -329,7 +329,7 @@ html, body{
     }
 }
-.compile-reslut, .re-reslut{
+.compile-reslut, .re-reslut , .mustrecord-reslut{
     position: absolute;
     height: 200px;
     width: 400px;
@@ -453,7 +453,7 @@ html, body{
 .play-code img{
 }
-.confirm-tip{
+.confirm-tip, .mustrecord-tip {
     position: absolute;
     width: 100%;
     height: 100%;
@@ -237,6 +237,20 @@
                 </div>
             </div>
         </div>
+        <div class="mustrecord-tip" style="display: none;">
+            <div class="mustrecord-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">确定</button>
+                </div>
+            </div>
+        </div>
     </div>
 <script src="../js/jquery-1.7.1.js"></script>