layout.html 7.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <title>nps admin</title>
  8. <link href="{{.web_base_url}}/static/css/bootstrap.min.css" rel="stylesheet">
  9. <link href="{{.web_base_url}}/static/font-awesome/css/font-awesome.css" rel="stylesheet">
  10. <link href="{{.web_base_url}}/static/css/style.css" rel="stylesheet">
  11. <script src="{{.web_base_url}}/static/js/main.js"></script>
  12. <!-- Mainly scripts -->
  13. <script src="{{.web_base_url}}/static/js/jquery-2.1.1.js"></script>
  14. <script src="{{.web_base_url}}/static/js/bootstrap.min.js"></script>
  15. <script src="{{.web_base_url}}/static/js/echarts.min.js"></script>
  16. <!-- Latest compiled and minified CSS -->
  17. <link rel="stylesheet" href="{{.web_base_url}}/static/css/bootstrap-table.min.css">
  18. <!-- Latest compiled and minified JavaScript -->
  19. <script src="{{.web_base_url}}/static/js/bootstrap-table.min.js"></script>
  20. <script src="{{.web_base_url}}/static/js/inspinia.js"></script>
  21. <!-- Latest compiled and minified Locales -->
  22. <script src="{{.web_base_url}}/static/js/langchange.js" type="text/javascript"></script>
  23. </head>
  24. <body>
  25. <div id="wrapper">
  26. <nav class="navbar-default navbar-static-side" style="position: fixed" role="navigation">
  27. <div class="sidebar-collapse">
  28. <ul class="nav metismenu" id="side-menu">
  29. <li class="nav-header">
  30. <div class="dropdown profile-element"> <span>
  31. {{/*<img alt="image" class="img-circle" src="{{.web_base_url}}/static/img/profile_small.jpg"/>*/}}
  32. </span>
  33. <a href="#">
  34. <span class="clear"> <span class="block m-t-xs"> <strong class="font-bold">
  35. {{if eq true .isAdmin}}
  36. admin
  37. {{else}}
  38. {{.username}}
  39. {{end}}
  40. </strong>
  41. </span> <span class="text-muted text-xs block">system </span> </span>
  42. </a>
  43. </div>
  44. <div class="logo-element">
  45. NPS
  46. </div>
  47. </li>
  48. <li class="{{if eq "index" .menu}}active{{end}}">
  49. <a href="{{.web_base_url}}/"><i class="fa fa-dashboard"></i> <span langtag="menu-dashboard"
  50. class="nav-label">仪表盘</span></a>
  51. </li>
  52. <li class="{{if eq "client" .menu}}active{{end}}">
  53. <a href="{{.web_base_url}}/client/list"><i class="fa fa-clipboard"></i> <span langtag="menu-client"
  54. class="nav-label">客户端</span></a>
  55. </li>
  56. <li class="{{if eq "host" .menu}}active{{end}}">
  57. <a href="{{.web_base_url}}/index/hostlist"><i class="fa fa-paperclip"></i> <span langtag="menu-host"
  58. class="nav-label">域名解析</span></a>
  59. </li>
  60. <li class="{{if eq "tcp" .menu}}active{{end}}">
  61. <a href="{{.web_base_url}}/index/tcp"><i class="fa fa-line-chart"></i> <span langtag="menu-tcp"
  62. class="nav-label">tcp隧道</span></a>
  63. </li>
  64. <li class="{{if eq "udp" .menu}}active{{end}}">
  65. <a href="{{.web_base_url}}/index/udp"><i class="fa fa-server"></i> <span langtag="menu-udp"
  66. class="nav-label">udp隧道</span></a>
  67. </li>
  68. <li class="{{if eq "http" .menu}}active{{end}}">
  69. <a href="{{.web_base_url}}/index/http"><i class="fa fa-html5"></i> <span langtag="menu-http"
  70. class="nav-label">http代理</span></a>
  71. </li>
  72. <li class="{{if eq "socks5" .menu}}active{{end}}">
  73. <a href="{{.web_base_url}}/index/socks5"><i class="fa fa-table"></i> <span langtag="menu-socks5" class="nav-label">socks5代理</span></a>
  74. </li>
  75. <li class="{{if eq "secret" .menu}}active{{end}}">
  76. <a href="{{.web_base_url}}/index/secret"><i class="fa fa-backward"></i> <span langtag="menu-secret"
  77. class="nav-label">私密代理</span></a>
  78. </li>
  79. <li class="{{if eq "p2p" .menu}}active{{end}}">
  80. <a href="{{.web_base_url}}/index/p2p"><i class="fa fa-dashcube"></i> <span langtag="menu-p2p"
  81. class="nav-label">p2p代理</span></a>
  82. </li>
  83. <li class="{{if eq "file" .menu}}active{{end}}">
  84. <a href="{{.web_base_url}}/index/file"><i class="fa fa-laptop"></i> <span langtag="menu-file"
  85. class="nav-label">文件代理</span></a>
  86. </li>
  87. </ul>
  88. </div>
  89. </nav>
  90. <div id="page-wrapper" class="gray-bg dashbard-1">
  91. <div class="row border-bottom">
  92. <nav class="navbar navbar-static-top" role="navigation" style="margin-bottom: 0">
  93. <div class="navbar-header">
  94. <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i>
  95. </a>
  96. </div>
  97. <ul class="nav navbar-top-links navbar-right">
  98. <li>
  99. <span class="m-r-sm text-muted welcome-message">Welcome to use <a
  100. href="https://ehang.io/nps">NPS</a></span>
  101. </li>
  102. <li>
  103. <a id="lang-en">English</a>
  104. </li>
  105. <li>
  106. <a id="langzh">简体中文</a>
  107. </li>
  108. <li>
  109. <a href="{{.web_base_url}}/login/out">
  110. <i class="fa fa-sign-out"></i> logout
  111. </a>
  112. </li>
  113. </ul>
  114. </nav>
  115. </div>
  116. {{.LayoutContent}}
  117. <div class="footer">
  118. <div class="pull-right">
  119. read more <strong><a href="https://ehang.io/nps">go</a></strong>
  120. </div>
  121. <div>
  122. <strong>Copyright</strong> nps &copy; 2018-2019
  123. </div>
  124. </div>
  125. </div>
  126. </div>
  127. </body>
  128. </html>
  129. <script>
  130. window.nps = {
  131. "web_base_url": {{.web_base_url}},
  132. }
  133. // googleTranslateElementInit()
  134. //
  135. // function googleTranslateElementInit() {
  136. // new google.translate.TranslateElement({
  137. // layout: google.translate.TranslateElement.InlineLayout.HORIZONTAL
  138. // }, 'wrapper');
  139. // }
  140. </script>
  141. {{/*<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>*/}}