From ff44bb6800587218295d7c19c8f4a9fef243caba Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E6=A0=91=E6=98=8E775174143?= <775174143@qq.com>
Date: Thu, 16 Aug 2018 14:50:58 +0800
Subject: [PATCH 1/4] =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/js/source.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/static/js/source.js b/static/js/source.js
index 51ce34d..a00f425 100644
--- a/static/js/source.js
+++ b/static/js/source.js
@@ -325,7 +325,7 @@ function submit_annotation(file_id, line_num, content) {
                 $(".source-addno-panel").remove();
                 // show_annotation(file_id,line_num);
                 //将注释添加到当前行的上一行
-                var contenthtml ='<div class="linenum"></div>'+'<div class="sourcecode">'+'<pre class="mypre newaddmypre hljs-comment ' + file_id+line_num + '">'+"//"+content+'</pre>'+'</div>'+'<div class="linestatus"></div>';
+                var contenthtml ='<div class="linenum"></div>'+'<div class="sourcecode">'+'<pre class="mypre newmypre  hljs-comment ' + file_id+line_num + '">'+"//"+content+'</pre>'+'</div>'+'<div class="linestatus"></div>';
                 var html = '<div class="codeline codelinebox">'+contenthtml+'</div>';
                 var id=file_id+'_'+"L"+line_num;
                 $("#"+id).before(html)

From 5f6458915ad4ff2922547a4f3a4d8fa13d867b1e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E6=A0=91=E6=98=8E775174143?= <775174143@qq.com>
Date: Thu, 16 Aug 2018 15:24:05 +0800
Subject: [PATCH 2/4] =?UTF-8?q?1.=E6=B3=A8=E9=87=8A=E5=92=8C=E9=97=AE?=
 =?UTF-8?q?=E9=A2=98=E6=A0=8F=E6=B7=BB=E5=8A=A0=20=E9=80=89=E6=8B=A9?=
 =?UTF-8?q?=E6=95=88=E6=9E=9C=202.=E8=A1=8C=E8=B7=9D=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/css/code_show.css                   | 14 ++++++++++++--
 static/js/source.js                        |  4 ++--
 templates/projects/filesub/dir_info.html   |  4 ++--
 templates/projects/filesub/file-right.html |  4 ++--
 4 files changed, 18 insertions(+), 8 deletions(-)

diff --git a/static/css/code_show.css b/static/css/code_show.css
index 3c85708..b5243de 100644
--- a/static/css/code_show.css
+++ b/static/css/code_show.css
@@ -823,8 +823,18 @@ pre.prettyprint {
 
 .put-select span.active {
     color: #05101a;
+    border: 1px solid #05101a;
+    text-align: center;
+    margin: 10px 10px 10px 0px;
 }
+.put-selectspanactive{
+    font-weight: bold;
+    font-size: 16px;
+    margin: 10px 0px 10px 10px;
+    border: 1px solid transparent;
+    text-align: center;
 
+}
 .addno-panel {
     position: absolute;
     width: 410px;
@@ -1419,8 +1429,8 @@ color: #FFF !important;
    font-size:18px !important;
 }
 .codelinebox{
-    line-height: 19px;
-    min-height: 19px;
+    line-height: 0px;
+    min-height:  0px;
     margin-bottom: -5px;
 }
 .newmypre{
diff --git a/static/js/source.js b/static/js/source.js
index a00f425..dc7204e 100644
--- a/static/js/source.js
+++ b/static/js/source.js
@@ -879,8 +879,8 @@ function inject_addnoPanel_html(item,file_id,linenum) {
                     '<div class="trangle-op"></div>'+
                     '<div class="put-content">'+
                         '<p class="put-select clearfix" id="addno-select-'+linenum+'">'+
-                        '<span class="active" onclick=\'$(this).siblings("span").removeClass("active");$(this).addClass("active");\'>注释</span>'+
-                            '<span onclick=\'$(this).siblings("span").removeClass("active"); $(this).addClass("active");\'>问题</span>'+
+                        '<span class="active put-selectspanactive" onclick=\'$(this).siblings("span").removeClass("active");$(this).addClass("active");\'>注释</span>'+
+                            '<span class="put-selectspanactive" onclick=\'$(this).siblings("span").removeClass("active"); $(this).addClass("active");\'>问题</span>'+
                         '</p>'+
                         '<textarea id="addno-text-'+file_id+'-'+linenum+'" class="put-text" placeholder="输入注释或者问题"> </textarea>'+
                         '<a href="#" onclick="add_annotation(this,'+file_id+','+linenum+')" class="submit fr" id="submit">提交</a>'+
diff --git a/templates/projects/filesub/dir_info.html b/templates/projects/filesub/dir_info.html
index 73d02c5..dd56711 100644
--- a/templates/projects/filesub/dir_info.html
+++ b/templates/projects/filesub/dir_info.html
@@ -20,8 +20,8 @@
                 <div class="trangle-op"></div>
                 <div class="put-content">
                     <p class="put-select clearfix" id="addno-select-0">
-                        <span class="active" onclick='$(this).siblings("span").removeClass("active"); $(this).addClass("active");'>注释</span>
-                        <span onclick='$(this).siblings("span").removeClass("active"); $(this).addClass("active");'>问题</span>
+                        <span class="active put-selectspanactive" onclick='$(this).siblings("span").removeClass("active"); $(this).addClass("active");'>注释</span>
+                        <span class="put-selectspanactive" onclick='$(this).siblings("span").removeClass("active"); $(this).addClass("active");'>问题</span>
                     </p>
                     <textarea id="addno-text-{{file_id}}-0" class="put-text" placeholder="输入注释或者问题"> </textarea>
                     <a href="#" onclick="add_dir_annotation(this,{{file_id}},0)" class="submit fr" id="submit">提交</a>
diff --git a/templates/projects/filesub/file-right.html b/templates/projects/filesub/file-right.html
index 668a51e..483c77f 100644
--- a/templates/projects/filesub/file-right.html
+++ b/templates/projects/filesub/file-right.html
@@ -21,8 +21,8 @@
                 <div class="trangle-op"></div>
                 <div class="put-content">
                     <p class="put-select clearfix" id="addno-select-0">
-                        <span class="active" onclick='$(this).siblings("span").removeClass("active"); $(this).addClass("active");'>注释</span>
-                        <span onclick='$(this).siblings("span").removeClass("active"); $(this).addClass("active");'>问题</span>
+                        <span class="active put-selectspanactive" onclick='$(this).siblings("span").removeClass("active"); $(this).addClass("active");'>注释</span>
+                        <span class="put-selectspanactive" onclick='$(this).siblings("span").removeClass("active"); $(this).addClass("active");'>问题</span>
                     </p>
                     <textarea id="addno-text-{{file_id}}-0" class="put-text" placeholder="输入注释或者问题"> </textarea>
                     <a href="#" onclick="add_file_annotation(this,{{file_id}},0)" class="submit fr" id="submit">提交</a>

From a8c11177a2e5ea5a9b38003b1db34d2e280ef9ad Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E6=A0=91=E6=98=8E775174143?= <775174143@qq.com>
Date: Fri, 17 Aug 2018 12:12:14 +0800
Subject: [PATCH 3/4] .

---
 static/css/code_show.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/static/css/code_show.css b/static/css/code_show.css
index b5243de..376ed08 100644
--- a/static/css/code_show.css
+++ b/static/css/code_show.css
@@ -1429,8 +1429,8 @@ color: #FFF !important;
    font-size:18px !important;
 }
 .codelinebox{
-    line-height: 0px;
-    min-height:  0px;
+    line-height: 19px;
+    min-height: 19px;
     margin-bottom: -5px;
 }
 .newmypre{

From 512b77b1c28e9490004a69c13e10080bcf7409bc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E6=A0=91=E6=98=8E775174143?= <775174143@qq.com>
Date: Fri, 17 Aug 2018 12:53:37 +0800
Subject: [PATCH 4/4] =?UTF-8?q?1.=E8=AF=A6=E6=83=85=E5=88=97=E8=A1=A8?=
 =?UTF-8?q?=E5=A2=9E=E5=8A=A0=20=E4=B8=80=E8=A1=8C=202.=E5=8F=B3=E8=BE=B9?=
 =?UTF-8?q?=E8=AF=A6=E6=83=85=E5=A2=9E=E5=8A=A0=E4=B8=A4=E8=A1=8C=E5=86=85?=
 =?UTF-8?q?=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 static/css/code_show.css                   | 25 ++++++++++--
 templates/projects/filesub/dir_info.html   | 18 +++++++++
 templates/projects/filesub/file-right.html | 45 ++++++++++++++++++++++
 3 files changed, 84 insertions(+), 4 deletions(-)

diff --git a/static/css/code_show.css b/static/css/code_show.css
index 376ed08..eb5ada9 100644
--- a/static/css/code_show.css
+++ b/static/css/code_show.css
@@ -411,7 +411,7 @@ a:hover {
     margin: 0;
     float: left;
     background-color: #26292b!important;
-    height: 100%;
+    height: 880px;
 }
 
 .codeopration {
@@ -494,12 +494,22 @@ a:hover {
 .panel-left {
     display: block;
     float: left;
-    width: 60px;
+    width: 250px;
     text-align: left;
-    color: #C3BDBD;
+    color: #FEFEFE;
+    font-size: 13px;
+    overflow:hidden;
+    text-overflow:ellipsis;
+    white-space:nowrap
+}
+.panel-left00 {
+    display: block;
+    float: left;
+    width: 35px;
+    text-align: left;
+    color: #FEFEFE;
     font-size: 13px;
 }
-
 .panel-right {
     
     color: #EBEBEB;
@@ -1506,4 +1516,11 @@ color: #FFF !important;
     background-size: 100% 100%;
     height: 16px;
     width: 16px;
+}
+.both{
+     clear: both;
+}
+.panel-leffont{
+   fonr-size:24px;
+    color:#C3BDBD;
 }
\ No newline at end of file
diff --git a/templates/projects/filesub/dir_info.html b/templates/projects/filesub/dir_info.html
index dd56711..6602d2e 100644
--- a/templates/projects/filesub/dir_info.html
+++ b/templates/projects/filesub/dir_info.html
@@ -73,6 +73,7 @@
             </span>
         </div>
     </div>
+
     <div class="clearfix mb10 mt10">
         <span class="fl font-20 colorFFF">文件信息</span>
         <p class="fr">
@@ -95,4 +96,21 @@
         </div>
         {% endfor %}
     </div>
+
+
+
+    <div class="clearfix mb10 mt10">
+        <span class="fl font-20 colorFFF">Hot Questions</span>
+    </div>
+    <div class="filePathInfo">
+        <p class="clearfix">
+        <span class="panel-left00">1</span>
+        <span class="panel-left">测试测试测试测试测试测试</span>
+        </p>
+
+        <p class="clearfix">
+        <span class="panel-left00">2</span>
+        <span class="panel-left">测试测试测试测试测试测试</span>
+        </p>
+    </div>
 </div>
\ No newline at end of file
diff --git a/templates/projects/filesub/file-right.html b/templates/projects/filesub/file-right.html
index 483c77f..c7bc9d5 100644
--- a/templates/projects/filesub/file-right.html
+++ b/templates/projects/filesub/file-right.html
@@ -51,6 +51,51 @@
     </p>
 </div>
 
+
+<div class="middle-right-item">
+    <p class="right-item-title">Web Docomentations</p>
+    <p class="clearfix">
+        <span class="panel-left00">1</span>
+        <span class="panel-left">测试测试测试测试测试测试</span>
+    </p>
+    <p class="clearfix">
+         <span class="panel-left00">2</span>
+         <span class="panel-left">测试测试测试测试测试</span>
+    </p>
+    <p class="clearfix">
+         <span class="panel-left00">3</span>
+         <span class="panel-left">测试测试测试测试测试测试</span>
+    </p>
+    <p class="clearfix">
+         <span class="panel-left00">4</span>
+         <span class="panel-left">测试测试测试测试测试测试</span>
+    </p>
+
+     <p class="right panel-leffont">add a link</p>
+    <div class="both"></div>
+</div>
+
+<div class="middle-right-item">
+    <p class="right-item-title">Code Track</p>
+    <p class="clearfix">
+        <span class="panel-left00">1</span>
+        <span class="panel-left">测试测试测试测试</span>
+    </p>
+    <p class="clearfix">
+        <span class="panel-left00">2</span>
+          <span class="panel-left">测试测试测试测试测试</span>
+    </p>
+    <p class="clearfix">
+        <span class="panel-left00">3</span>
+          <span class="panel-left">测试测试测试测试测试测试</span>
+    </p>
+    <p class="clearfix">
+        <span class="panel-left00">4</span>
+          <span class="panel-left">测试测试测试测试测试测试</span>
+    </p>
+    <p class="right panel-leffont">add a link</p>
+    <div class="both"></div>
+</div>
 <!-- 相关文档链接 -->
 <!-- <div class="middle-right-item">
         <p class="right-item-title">Relatvie Links</p>