node.tpl.php 5.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205
  1. <?php if (!defined("IS_INITPHP")) exit("Access Denied!"); /* INITPHP Version 1.0 ,Create on 2017-04-06 18:17:26, compiled from /data/wwwroot/www.shadowsocks5.com/app/template/ss/manage/node.html */ ?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <head>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <title></title>
  7. <style type="text/css">
  8. <!--
  9. body {
  10. margin-left: 0px;
  11. margin-top: 0px;
  12. margin-right: 0px;
  13. margin-bottom: 0px;
  14. }
  15. .tabfont01 {
  16. font-family: "宋体";
  17. font-size: 9px;
  18. color: #555555;
  19. text-decoration: none;
  20. text-align: center;
  21. }
  22. .font051 {
  23. font-family: "宋体";
  24. font-size: 12px;
  25. color: #333333;
  26. text-decoration: none;
  27. line-height: 20px;
  28. }
  29. .font201 {
  30. font-family: "宋体";
  31. font-size: 12px;
  32. color: #FF0000;
  33. text-decoration: none;
  34. }
  35. .button {
  36. font-family: "宋体";
  37. font-size: 14px;
  38. height: 37px;
  39. }
  40. html {
  41. overflow-x: auto;
  42. overflow-y: auto;
  43. border: 0;
  44. }
  45. -->
  46. </style>
  47. <link href="/static/manage/css/main.css" rel="stylesheet" type="text/css" />
  48. <link href="/static/manage/css/common.css" rel="stylesheet" type="text/css" />
  49. <link media="screen" rel="stylesheet" href="/static/manage/colorbox/colorbox.css" />
  50. <script type="text/javascript" src="/static/manage/js/jquery-1.8.2.min.js"></script>
  51. <script type="text/javascript" src="/static/manage/js/colResizable-1.3.min.js"></script>
  52. <script type="text/javascript" src="/static/manage/js/WdatePicker.js"></script>
  53. <script>
  54. $(document).ready(function() {
  55. $(".setdate").click(function() {
  56. WdatePicker({
  57. dateFmt : 'yyyy-MM-dd'
  58. });
  59. });
  60. });
  61. $(function(){
  62. //表格行,鼠标放上去变色
  63. $(".tr:odd").css("background", "#FFFCEA");
  64. $(".tr:odd").each(function(){
  65. $(this).hover(function(){
  66. $(this).css("background-color", "#FFE1FF");
  67. }, function(){
  68. $(this).css("background-color", "#FFFCEA");
  69. });
  70. });
  71. $(".tr:even").each(function(){
  72. $(this).hover(function(){
  73. $(this).css("background-color", "#FFE1FF");
  74. }, function(){
  75. $(this).css("background-color", "#fff");
  76. });
  77. });
  78. /*ie6,7下拉框美化*/
  79. if ( $.browser.msie ){
  80. if($.browser.version == '7.0' || $.browser.version == '6.0'){
  81. $('.select').each(function(i){
  82. $(this).parents('.select_border,.select_containers').width($(this).width()+5);
  83. });
  84. }
  85. }
  86. $(".list_table").colResizable({
  87. liveDrag:true,
  88. gripInnerHtml:"<div class='grip'></div>",
  89. draggingClass:"dragging",
  90. minWidth:30
  91. });
  92. });
  93. </script>
  94. </head>
  95. <body>
  96. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  97. <tr>
  98. <td height="30">
  99. <table width="100%" border="0" cellspacing="0" cellpadding="0">
  100. <tr>
  101. <td height="62" background="https://shadowsocks5.b0.upaiyun.com/static/manage/images/nav04.gif">
  102. <table width="98%" border="0" align="center" cellpadding="0" cellspacing="0">
  103. <tr>
  104. <td width="21">
  105. <img src="https://shadowsocks5.b0.upaiyun.com/static/manage/images/ico07.gif" width="20" height="18" />
  106. </td>
  107. <td width="538">
  108. </td>
  109. </tr>
  110. </table>
  111. </td>
  112. </tr>
  113. </table>
  114. </td>
  115. </tr>
  116. <tr>
  117. <td>
  118. <div id="chart" style="width: 95%"></div>
  119. </td>
  120. </tr>
  121. <tr>
  122. <td>
  123. <div class="mt10">
  124. <table id="subtree1" style="DISPLAY:" width="100%" border="0" cellspacing="0" cellpadding="0">
  125. <tr>
  126. <td>
  127. <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">
  128. <tr>
  129. <td height="40" class="font42">
  130. <table width="100%" border="0" cellpadding="0" cellspacing="0" class="list_table">
  131. <tr>
  132. <th width="10%" style="text-align: center;">编号</th>
  133. <th width="10%" style="text-align: center;">节点名称</th>
  134. <th width="10%" style="text-align: center;">节点类型</th>
  135. <th width="20%" style="text-align: center;">节点地址</th>
  136. <th width="10%" style="text-align: center;">加密方式</th>
  137. <th width="20%" style="text-align: center;">节点描述</th>
  138. <th width="10%" style="text-align: center;">状态</th>
  139. <th width="15%" style="text-align: center;">操作</th>
  140. </tr>
  141. <?php foreach ($node as $index=>$data) { ?>
  142. <tr class="tr">
  143. <td height="20" style="text-align: center;">
  144. <?php echo $data['id'];?>
  145. </td>
  146. <td height="20" style="text-align: center;">
  147. <?php echo $data['node_name'];?>
  148. </td>
  149. <td style="text-align: center;" id="con<?php echo $data['id'];?>">
  150. <?php echo $data['node_type'];?>
  151. </td>
  152. <td style="text-align: center;">
  153. <?php echo $data['node_server'];?>
  154. </td>
  155. <td style="text-align: center;">
  156. <?php echo $data['node_method'];?>
  157. </td>
  158. <td style="text-align: center;">
  159. <?php echo $data['node_info'];?>
  160. </td>
  161. <td style="text-align: center;">
  162. <?php echo $data['node_status'];?>
  163. </td>
  164. <td style="text-align: center;">
  165. <a href="javascript:;" onclick="editNode('<?php echo $data['id'];?>')">编辑</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="">删除</a>
  166. </td>
  167. </tr>
  168. <?php } ?>
  169. </table>
  170. </td>
  171. </tr>
  172. </table>
  173. </td>
  174. </tr>
  175. <tr>
  176. <td height="20"></td>
  177. </tr>
  178. </table>
  179. </div>
  180. </td>
  181. </tr>
  182. </table>
  183. <?php echo $pager;?>
  184. </body>
  185. <script src="https://shadowsocks5.b0.upaiyun.com/js/jquery.colorbox-min.js"></script>
  186. <script>
  187. function editNode($id){
  188. $.colorbox({
  189. href:"/manage/node_edit?id="+$id,
  190. close :"关闭" ,
  191. width:"600px",
  192. });
  193. }
  194. </script>
  195. </html>