From aee9e19b0205ab4d33500b8075f639ff5922a5df Mon Sep 17 00:00:00 2001
From: daiao <358551898@qq.com>
Date: Mon, 27 Mar 2017 10:59:01 +0800
Subject: [PATCH] =?UTF-8?q?=E5=AE=9E=E8=AE=ADTPI=E7=9A=84CodeMirror?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 app/views/games/_file_edit_form.html.erb | 11 +++++-----
 app/views/games/_game_show.html.erb      | 28 ++++++++++++++----------
 app/views/games/file_edit.js.erb         |  3 ++-
 app/views/games/show.html.erb            |  3 +++
 4 files changed, 28 insertions(+), 17 deletions(-)

diff --git a/app/views/games/_file_edit_form.html.erb b/app/views/games/_file_edit_form.html.erb
index 2b6817c25..f4f97a33d 100644
--- a/app/views/games/_file_edit_form.html.erb
+++ b/app/views/games/_file_edit_form.html.erb
@@ -1,5 +1,5 @@
 <%= javascript_include_tag  'baiduTemplate', 'jquery.datetimepicker.js' %>
-<%= javascript_include_tag "/assets/codemirror/codemirror_python_ruby_c"  %>
+<%= javascript_include_tag "/assets/codemirror/codemirror_python_ruby_c", '/assets/codemirror/autorefresh'  %>
 <%= stylesheet_link_tag "/assets/codemirror/codemirror" %>
 
 <form action="/myshixuns/<%= @myshixun.id %>/games/<%= @game.id %>/file_update?path=<%= @path %>" method="post" id="file_update_id" data-remote="true">
@@ -12,16 +12,17 @@
 </form>
 
 <script type="text/javascript">
-    var editor = CodeMirror.fromTextArea(document.getElementById("challenge-answer-edit-small"), {
+    var editor_CodeMirror = CodeMirror.fromTextArea(document.getElementById("challenge-answer-edit-small"), {
         mode: {name: 'text/x-c++src',
             version: 2,
             singleLineStringErrors: false},
         lineNumbers: true,
         indentUnit: 2,
-        matchBrackets: true
+        matchBrackets: true,
+        autofocus: true,
+        autoRefresh:true
     });
-
-    editor.on('change',function(cMirror){
+    editor_CodeMirror.on('change',function(cMirror){
         // get value right from instance
         $('#challenge-answer-edit-small').val(cMirror.getValue());
     });
diff --git a/app/views/games/_game_show.html.erb b/app/views/games/_game_show.html.erb
index fad345f34..bdcc20d3d 100644
--- a/app/views/games/_game_show.html.erb
+++ b/app/views/games/_game_show.html.erb
@@ -1,3 +1,5 @@
+<%= javascript_include_tag "/assets/codemirror/codemirror_python_ruby_c"  %>
+<%= stylesheet_link_tag "/assets/codemirror/codemirror" %>
 <div class="content clearfix">
   <div class="alert alert-blue mr45 mt15 ml15" id="myshixun_tip" >
     <button data-dismiss="alert" class="task-close fr" type="button" id="close_myshixun_tip">×</button>
@@ -34,7 +36,8 @@
           <div class="tab-info-inner"><%= h @game.ready_knowledge.try(:html_safe) %></div>
         </div>
         <div id="tab_con_3" class="undis tab-info">
-          <div class="tab-info-inner" style="line-height: 1.9"><%= h @game.answer.html_safe %></div>
+          <div class="tab-info-inner" style="line-height: 1.9" id="game_answer_show"></div>
+          <div class="undis" id="hidden_game_answer"><%= @game.answer.html_safe %></div>
         </div>
       </div>
     </div>
@@ -47,8 +50,20 @@
   </div>
 </div>
 <script type="text/javascript" language="javascript">
-    var web_h = window.innerHeight;
+    var myMirror = $("#game_answer_show")[0];
+    var myCodeMirror = CodeMirror(myMirror, {
+        value: $("#hidden_game_answer").text(),
+        mode:  "text/x-java",
+        readOnly: true, //只读
+        cursorBlinkRate: -1, //隐藏光标
+        autofocus: true,
+        border: 0
+    });
+
     $(document).ready(function(){
+        myCodeMirror.setSize('auto','590px');//设置高度
+        $("#game_answer_show").children().css("border", 0);
+        var web_h = window.innerHeight;
         if($.browser.msie) {
             $(".content").css("height", web_h - 75 + "px");
             $(".tab-info-inner").css("height", web_h * 0.55 + "px"); //IE
@@ -83,15 +98,6 @@
         }
     });
     //课程大纲tab
-    function g(o){return document.getElementById(o);}
-    function HoverLi(n){
-        for(var i=1;i<=3;i++){
-            g('tab_nav_'+i).className='tab_nomal';
-            g('tab_con_'+i).className='undis';
-        }
-        g('tab_con_'+n).className='dis';
-        g('tab_nav_'+n).className='tab_hover';
-    }
     $("#close_myshixun_tip").click(function(){
         $("#myshixun_tip").hide();
     });
diff --git a/app/views/games/file_edit.js.erb b/app/views/games/file_edit.js.erb
index 9851dc259..be1c46f0f 100644
--- a/app/views/games/file_edit.js.erb
+++ b/app/views/games/file_edit.js.erb
@@ -2,4 +2,5 @@ $("#file_entry_content").html('<%= escape_javascript(render :partial => 'games/f
 $("#file_entry_content_inner").html('<%= escape_javascript(render :partial => 'games/extend_file_edit_form') %>');
 $("#sava_edit_btn1").show();
 $("#sava_edit_btn").show();
-$("#bottom_save_edit").show();
\ No newline at end of file
+$("#bottom_save_edit").show();
+editor_CodeMirror.refresh();
\ No newline at end of file
diff --git a/app/views/games/show.html.erb b/app/views/games/show.html.erb
index d54443d29..619a37f53 100644
--- a/app/views/games/show.html.erb
+++ b/app/views/games/show.html.erb
@@ -51,6 +51,9 @@
         }
         g('tab_con_'+n).className='dis';
         g('tab_nav_'+n).className='tab_hover';
+        if(n == 3){
+            myCodeMirror.refresh();
+        }
     }
     $("#close_myshixun_tip").click(function(){
         $("#myshixun_tip").hide();