add a lock icon for https request

lib/recorder.js

@@ -115,6 +115,7 @@ function normalizeInfo(id,info){
     singleRecord.reqHeader = info.req.headers;
     singleRecord.startTime = info.startTime;
     singleRecord.reqBody   = info.reqBody || "";
+    singleRecord.protocol  = info.protocol;
 
     //res
     if(info.endTime){

lib/requestHandler.js

@@ -31,6 +31,7 @@ function userRequestHandler(req,userRes){
         host      : host,
         method    : req.method,
         path      : path,
+        protocol  : protocol,
         url       : protocol + "://" + host + path,
         req       : req,
         startTime : new Date().getTime()

package.json

@@ -1,6 +1,6 @@
 {
   "name": "anyproxy",
-  "version": "2.7.4",
+  "version": "2.7.5",
   "description": "A fully configurable proxy in NodeJS, which can handle HTTPS requests perfectly.",
   "main": "proxy.js",
   "bin": {

web/css/iconfont.svg

@@ -0,0 +1,40 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
+<svg xmlns="http://www.w3.org/2000/svg">
+<metadata>
+Created by FontForge 20120731 at Wed Nov  5 16:01:53 2014
+ By Ads
+</metadata>
+<defs>
+<font id="iconfont" horiz-adv-x="374" >
+  <font-face 
+    font-family="iconfont"
+    font-weight="500"
+    font-stretch="normal"
+    units-per-em="1024"
+    panose-1="2 0 6 3 0 0 0 0 0 0"
+    ascent="812"
+    descent="-212"
+    x-height="792"
+    bbox="34 -152 956 812"
+    underline-thickness="50"
+    underline-position="-100"
+    unicode-range="U+0078-F00C9"
+  />
+<missing-glyph 
+d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
+    <glyph glyph-name=".notdef" 
+d="M34 0v682h272v-682h-272zM68 34h204v614h-204v-614z" />
+    <glyph glyph-name=".null" horiz-adv-x="0" 
+ />
+    <glyph glyph-name="nonmarkingreturn" horiz-adv-x="341" 
+ />
+    <glyph glyph-name="x" unicode="x" horiz-adv-x="1001" 
+d="M281 543q-27 -1 -53 -1h-83q-18 0 -36.5 -6t-32.5 -18.5t-23 -32t-9 -45.5v-76h912v41q0 16 -0.5 30t-0.5 18q0 13 -5 29t-17 29.5t-31.5 22.5t-49.5 9h-133v-97h-438v97zM955 310v-52q0 -23 0.5 -52t0.5 -58t-10.5 -47.5t-26 -30t-33 -16t-31.5 -4.5q-14 -1 -29.5 -0.5
+t-29.5 0.5h-32l-45 128h-439l-44 -128h-29h-34q-20 0 -45 1q-25 0 -41 9.5t-25.5 23t-13.5 29.5t-4 30v167h911zM163 247q-12 0 -21 -8.5t-9 -21.5t9 -21.5t21 -8.5q13 0 22 8.5t9 21.5t-9 21.5t-22 8.5zM316 123q-8 -26 -14 -48q-5 -19 -10.5 -37t-7.5 -25t-3 -15t1 -14.5
+t9.5 -10.5t21.5 -4h37h67h81h80h64h36q23 0 34 12t2 38q-5 13 -9.5 30.5t-9.5 34.5q-5 19 -11 39h-368zM336 498v228q0 11 2.5 23t10 21.5t20.5 15.5t34 6h188q31 0 51.5 -14.5t20.5 -52.5v-227h-327z" />
+    <glyph glyph-name="uF00C9" unicode="&#xf00c9;" horiz-adv-x="1024" 
+d="M385 426h-129v151q0 49 19.5 91.5t54 74.5t81 50.5t101.5 18.5q49 0 94.5 -18.5t81 -50.5t56.5 -74.5t21 -91.5v-151h-124v122q0 65 -36 100t-97 35q-55 0 -89 -35t-34 -100v-122zM826 365q28 0 48 -20t20 -48v-317q0 -27 -10 -51t-27 -42t-40 -28.5t-50 -10.5h-517
+q-28 0 -50.5 10.5t-38 27.5t-24.5 39.5t-9 47.5v324q0 28 19.5 48t47.5 20h61h129h256h124h61z" />
+  </font>
+</defs></svg>

web/css/page.css

@@ -1,3 +1,20 @@
+@font-face {font-family: 'iconfont';
+    src: url('iconfont.eot'); /* IE9*/
+    src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
+    url('iconfont.woff') format('woff'), /* chrome、firefox */
+    url('iconfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
+    url('iconfont.svg#uxiconfont') format('svg'); /* iOS 4.1- */
+}
+
+.iconfont{
+    font-family:"iconfont" !important;
+    font-size:16px;font-style:normal;
+    -webkit-font-smoothing: antialiased;
+    -webkit-text-stroke-width: 0.2px;
+    -moz-osx-font-smoothing: grayscale;
+}
+
+
 .topHead{
 	background: #000;
 	height: 42px;
@@ -174,6 +191,16 @@
 }
 
 
+.protocol{
+	display: none;
+}
+
+.protocol.protocol_https{
+	display: inline;
+	font-size: 14px;
+	color: #777;
+}
+
 #dragbar{
 	position:absolute;
 	left:0px;

web/index.html

@@ -53,7 +53,7 @@
 
 	<script type="text/template" id="main_table_row">
 		<td class="data_id"><%= _id %></td>
-		<td><%= method %></td>
+		<td><%= method %> <span class="protocol protocol_<%= protocol %>" title="https"><i class="iconfont">&#xf00c9;</i></span> </td>
 		<td class="http_status http_status_<%= statusCode %>"><%= statusCode %></td>
 		<td title="<%= host %>"><%= host %></td>
 		<td title="<%= path %>"><%= path %></td>