From 789bbba4e6dabe8671400a6b3997b398ce1045c4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=83=B3=E5=BD=93=E5=BD=93?= <donghua.yan@alipay.com>
Date: Wed, 27 Aug 2014 15:24:30 +0800
Subject: [PATCH 1/3] anyproxy

---
 lib/requestHandler.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/lib/requestHandler.js b/lib/requestHandler.js
index 72460b9..30c37b3 100644
--- a/lib/requestHandler.js
+++ b/lib/requestHandler.js
@@ -120,6 +120,9 @@ function userRequestHandler(req,userRes){
                 if(callback)callback(userRes);
                 userRes.end();
             });
+            res.on('error',function(error){
+                console.log('error',error);
+            });
 
         });
 
@@ -223,12 +226,17 @@ function mergeCORSHeader(reqHeader,originHeader){
     targetObj["access-control-allow-methods"]     = "GET, POST, PUT";
     targetObj["access-control-allow-headers"]     = reqHeader['access-control-request-headers'] || "-___-||";
 
+    //
+    targetObj["Transfer-Encoding"]                = "chunked";
+
     // Disable caching
     // If the response status is 304 not modified, the data event of response will not emmit
-    targetObj["Transfer-Encoding"]                = "chunked"
     targetObj["Cache-Control"]                    = "no-cache, no-store, must-revalidate";
     targetObj["Pragma"]                           = "no-cache";
     targetObj["Expires"]                          = 0;
+    //
+    targetObj["server"]                           = "anyproxy server";
+    targetObj["x-powered-by"]                     = "Alipay-ct-wd";
 
     return targetObj;
 }

From 4846757fbc61af7b15d101b4de66f4a28b46a686 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=83=B3=E5=BD=93=E5=BD=93?= <donghua.yan@alipay.com>
Date: Wed, 27 Aug 2014 21:07:02 +0800
Subject: [PATCH 2/3] make recordDetailOverlay resizable

---
 web/index.html | 84 ++++++++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 81 insertions(+), 3 deletions(-)

diff --git a/web/index.html b/web/index.html
index 64421dc..217dcc6 100644
--- a/web/index.html
+++ b/web/index.html
@@ -26,8 +26,11 @@
 	</div>
 
 	<div class="recordDetailOverlay J_recordDetailOverlay" style="display:none">
+		<div id="dragbar"></div>
 		<span class="escBtn J_escBtn">Close (ESC)</span>
-		<div class="J_recordDetailOverlayContent"></div>
+		<div class="J_recordDetailOverlayContentWrapper">
+			<div class="J_recordDetailOverlayContent"></div>
+		</div>
 	</div>
 
 	<script type="text/template" id="main_table_row">
@@ -208,6 +211,45 @@
 					console.log(e);
 				}
 
+
+				var i = 0;
+				var dragging = false,
+				pageX = 0;
+				$('#dragbar').mousedown(function(e){
+					pageX = e.pageX;
+					e.preventDefault();
+					dragging = true;
+					var main = $('.J_recordDetailOverlay');
+					var ghostbar = $('<div>',{
+						id:'ghostbar',
+						css: {
+							height: main.outerHeight(),
+							top: main.offset().top,
+							left: main.offset().left
+						}
+					}).appendTo('body');
+
+					$(document).mousemove(function(e){
+						ghostbar.css("left",e.pageX);
+					});
+				});
+
+				$(document).mouseup(function(e){
+					if (dragging) {
+						var deltaPageX = e.pageX - pageX;
+						
+						$('.J_recordDetailOverlay').css("width",$('.J_recordDetailOverlay').width() - deltaPageX);
+						$('.J_recordDetailOverlay').css("left",pageX + deltaPageX);
+						
+						pageX = e.pageX;
+						$('#ghostbar').remove();
+						$(document).unbind('mousemove');
+						dragging = false;
+						
+					}
+				});
+
+
 			});
 
 		});
@@ -298,8 +340,8 @@
 			background: #FFF;
 			border-left: 1px solid #CCC;
 			top: 0;
-			padding: 10px 10px 20px 10px;
-			overflow-y:scroll;
+			padding: 0;
+			overflow:hidden;
 			box-sizing: border-box;
 			-moz-box-sizing: border-box;
 			-webkit-box-sizing: border-box;
@@ -312,12 +354,31 @@
 			color: #777;
 			cursor: pointer;
 			text-decoration: underline;
+			z-index:1;
 		}
 
 		.recordDetailOverlay li{
 			white-space: nowrap;
 			word-wrap: break-word;
 		}
+		.J_recordDetailOverlayContentWrapper{
+			width:100%;
+			height:100%;
+			position:relative;
+			right:0;
+			overflow:scroll;
+			margin-left:3px;
+		}
+		.J_recordDetailOverlayContent{
+			padding:20px;
+			height:100%;
+			box-sizing: border-box;
+			-moz-box-sizing: border-box;
+			-webkit-box-sizing: border-box;
+			content: "";
+			display: table;
+			clear: both;
+		}
 
 		.data_id{
 			color: #777;
@@ -340,6 +401,23 @@
 		{
 			color: #910A0A;
 		}
+
+		#dragbar{
+			position:absolute;
+			left:0px;
+			background-color:black;
+			height:100%;
+			width: 3px;
+			cursor: col-resize;
+		}
+		#ghostbar{
+		    width:3px;
+		    background-color:#000;
+		    opacity:0.5;
+		    position:absolute;
+		    cursor: col-resize;
+		    z-index:999
+		}
 	</style>
 </body>
 </html>
\ No newline at end of file

From ff7678f89e2c6cd1174b2009eb9cf8e1e85963cc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=83=B3=E5=BD=93=E5=BD=93?= <donghua.yan@alipay.com>
Date: Wed, 27 Aug 2014 21:17:25 +0800
Subject: [PATCH 3/3] make recordDetailOverlay resizable

---
 web/index.html | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/web/index.html b/web/index.html
index 217dcc6..43f45d6 100644
--- a/web/index.html
+++ b/web/index.html
@@ -240,7 +240,14 @@
 						
 						$('.J_recordDetailOverlay').css("width",$('.J_recordDetailOverlay').width() - deltaPageX);
 						$('.J_recordDetailOverlay').css("left",pageX + deltaPageX);
-						
+						if($('.J_recordDetailOverlay').width()<=100){
+							$('.J_recordDetailOverlay').animate({
+								'right': $('.J_recordDetailOverlay').width()
+							},300,function(){
+								$('.J_escBtn').trigger('click');
+							});
+							
+						}
 						pageX = e.pageX;
 						$('#ghostbar').remove();
 						$(document).unbind('mousemove');