2014-08-25 11:43:05 +08:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html>
|
|
|
|
|
<head>
|
|
|
|
|
<title>Anyproxy</title>
|
2014-08-27 17:42:42 +08:00
|
|
|
<link rel="stylesheet" href="/css/uikit.gradient.min.css" />
|
2014-08-28 09:52:31 +08:00
|
|
|
<link rel="stylesheet" href="/css/page.css" />
|
2014-09-05 14:45:01 +08:00
|
|
|
<link rel="icon" type="image/png" href="/favico.png" />
|
2015-04-28 21:10:14 +08:00
|
|
|
<script charset="utf-8" id="seajsnode" src="http://static.alipayobjects.com/seajs/??seajs/2.2.0/sea.js,seajs-combo/1.0.1/seajs-combo.js,seajs-style/1.0.2/seajs-style.js"></script>
|
|
|
|
|
<script src="./react.js"></script>
|
|
|
|
|
<script src="./JSXTransformer.js"></script>
|
2014-08-25 11:43:05 +08:00
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div class="topHead">
|
2014-12-08 15:35:46 +08:00
|
|
|
<div class="logoWrapper">
|
|
|
|
|
<h1>Anyproxy</h1>
|
2014-12-08 17:13:41 +08:00
|
|
|
<img class="logo_bottom anim_rotation" id="J_indicator" src="./logo_bottom.png" width="50" height="50" style="visibility:hidden" />
|
2014-12-08 15:35:46 +08:00
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="ctrlWrapper">
|
|
|
|
|
<a href="#" class="J_statusBtn"><span class="topBtn"><i class="uk-icon-stop"></i>Stop</span></a>
|
|
|
|
|
<a href="#" class="J_statusBtn btn_disable"><span class="topBtn"><i class="uk-icon-play"></i>Resume</span></a>
|
2015-01-09 16:16:08 +08:00
|
|
|
<a href="#" class="J_clearBtn"><span class="topBtn"><i class="uk-icon-eraser"></i>Clear(Ctrl+X)</span></a>
|
2014-12-08 15:35:46 +08:00
|
|
|
<span class="sep">|</span>
|
2015-01-09 16:16:08 +08:00
|
|
|
<a href="/fetchCrtFile" target="_blank"><span class="topBtn"><i class="uk-icon-certificate"></i>Download rootCA.crt</span></a>
|
|
|
|
|
<a href="/qr_root" class="J_fetchRootQR" target="_blank"><span class="topBtn"><i class="uk-icon-certificate"></i>QRCode of rootCA.crt</span></a>
|
|
|
|
|
<!-- <a href="#"><span class="topBtn"><i class="uk-icon-cog"></i>Others</span></a> -->
|
2015-01-05 17:12:50 +08:00
|
|
|
|
2014-12-08 15:35:46 +08:00
|
|
|
<span class="sep">|</span>
|
|
|
|
|
<a href="https://github.com/alibaba/anyproxy" target="_blank"><span class="topBtn"><i class="uk-icon-external-link-square"></i>Anyproxy(Github)</span></a>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div class="ruleDesc">
|
|
|
|
|
<span><i class="uk-icon-chain"></i>{{rule}}</span>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div style="clear:both"></div>
|
|
|
|
|
|
2014-08-25 11:43:05 +08:00
|
|
|
</div>
|
2014-08-27 17:42:42 +08:00
|
|
|
<div class="mainTableWrapper J_mainTable">
|
|
|
|
|
<table class="uk-table uk-table-condensed uk-table-hover">
|
|
|
|
|
<thead>
|
|
|
|
|
<tr>
|
|
|
|
|
<th class="col_id">id</th>
|
|
|
|
|
<th class="col_method">method</th>
|
|
|
|
|
<th class="col_code">code</th>
|
|
|
|
|
<th class="col_host">host</th>
|
|
|
|
|
<th class="col_path">path</th>
|
|
|
|
|
<th class="col_mime">mime type</th>
|
2014-08-28 11:53:39 +08:00
|
|
|
<th class="col_time">time</th>
|
2014-08-27 17:42:42 +08:00
|
|
|
</tr>
|
|
|
|
|
</thead>
|
|
|
|
|
<tbody class="J_tableBody"></tbody>
|
|
|
|
|
</table>
|
|
|
|
|
</div>
|
|
|
|
|
|
2014-10-11 16:03:43 +08:00
|
|
|
|
2014-08-27 17:42:42 +08:00
|
|
|
<div class="recordDetailOverlay J_recordDetailOverlay" style="display:none">
|
2014-08-27 21:07:02 +08:00
|
|
|
<div id="dragbar"></div>
|
2014-08-27 17:42:42 +08:00
|
|
|
<span class="escBtn J_escBtn">Close (ESC)</span>
|
2014-08-27 21:07:02 +08:00
|
|
|
<div class="J_recordDetailOverlayContentWrapper">
|
|
|
|
|
<div class="J_recordDetailOverlayContent"></div>
|
|
|
|
|
</div>
|
2014-08-27 17:42:42 +08:00
|
|
|
</div>
|
|
|
|
|
|
2015-04-28 21:10:14 +08:00
|
|
|
<div id="J_content"></div>
|
|
|
|
|
|
2015-04-25 10:28:40 +08:00
|
|
|
<input type="hidden" id="socketPort" value="{{wsPort}}" />
|
2014-10-10 10:55:46 +08:00
|
|
|
<input type="hidden" id="baseUrl" value="{{ipAddress}}" />
|
2015-01-05 17:12:50 +08:00
|
|
|
<input type="hidden" id="customMenu" value="{{menu}}" />
|
2014-09-18 13:36:27 +08:00
|
|
|
|
2015-04-28 21:10:14 +08:00
|
|
|
<script id="main_table_row">
|
2014-08-27 17:42:42 +08:00
|
|
|
<td class="data_id"><%= _id %></td>
|
2014-11-05 16:15:17 +08:00
|
|
|
<td><%= method %> <span class="protocol protocol_<%= protocol %>" title="https"><i class="iconfont">󰃉</i></span> </td>
|
2014-08-27 17:42:42 +08:00
|
|
|
<td class="http_status http_status_<%= statusCode %>"><%= statusCode %></td>
|
|
|
|
|
<td title="<%= host %>"><%= host %></td>
|
|
|
|
|
<td title="<%= path %>"><%= path %></td>
|
|
|
|
|
<td><%= mime %></td>
|
2014-08-28 11:53:39 +08:00
|
|
|
<td><%= startTimeStr %></td>
|
2014-08-27 17:42:42 +08:00
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
2015-04-25 10:28:40 +08:00
|
|
|
<script src="/anyproxy_wsUtil.js"></script>
|
|
|
|
|
<script src="/he.js"></script>
|
2014-10-11 16:03:43 +08:00
|
|
|
<script src="/list.js"></script>
|
2015-04-28 21:10:14 +08:00
|
|
|
|
|
|
|
|
<script type="text/jsx">
|
|
|
|
|
var RecordPanel = React.createClass({
|
|
|
|
|
getInitialState : function(){
|
|
|
|
|
return {
|
|
|
|
|
list : []
|
|
|
|
|
};
|
|
|
|
|
},
|
|
|
|
|
render : function(){
|
|
|
|
|
var rowCollection = this.state.list.map(function(item){
|
|
|
|
|
return (
|
|
|
|
|
<RecordRow data={item}></RecordRow>
|
|
|
|
|
);
|
|
|
|
|
});
|
|
|
|
|
return (
|
|
|
|
|
<div>
|
|
|
|
|
<RecordRow />
|
|
|
|
|
{rowCollection}
|
|
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
var RecordRow = React.createClass({
|
|
|
|
|
getInitialState : function(){
|
|
|
|
|
return null;
|
|
|
|
|
},
|
|
|
|
|
render : function(){
|
|
|
|
|
return(
|
|
|
|
|
<div>
|
|
|
|
|
aaa
|
|
|
|
|
<td class="data_id">-- _id --</td>
|
|
|
|
|
<td>-- method -- <span class="protocol protocol_-- protocol --" title="https"><i class="iconfont">󰃉</i></span> </td>
|
|
|
|
|
<td class="http_status http_status_-- statusCode --">-- statusCode --</td>
|
|
|
|
|
<td title="-- host --">-- host --</td>
|
|
|
|
|
<td title="-- path --">-- path --</td>
|
|
|
|
|
<td>-- mime --</td>
|
|
|
|
|
<td>-- startTimeStr --</td>
|
|
|
|
|
</div>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
React.render(
|
|
|
|
|
<RecordPanel />,
|
|
|
|
|
document.getElementById("J_content")
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
</script>
|
2014-08-25 11:43:05 +08:00
|
|
|
</body>
|
2014-09-11 10:22:08 +08:00
|
|
|
</html>
|
