index.blade.php 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357
  1. @extends('admin.layouts')
  2. @section('css')
  3. <link href="/assets/global/vendor/bootstrap-table/bootstrap-table.min.css" rel="stylesheet">
  4. <style>
  5. #swal2-content {
  6. display: grid !important;
  7. }
  8. .table a {
  9. text-decoration: none;
  10. }
  11. </style>
  12. @endsection
  13. @section('content')
  14. <div class="page-content container-fluid">
  15. <div class="panel">
  16. <div class="panel-heading">
  17. <h3 class="panel-title">节点列表</h3>
  18. @canany(['admin.node.geo', 'admin.node.create'])
  19. <div class="panel-actions btn-group">
  20. @can('admin.node.geo')
  21. <!--<button type="button" onclick="refreshGeo()" class="btn btn-info">-->
  22. <!-- <i class="icon wb-map"></i> 刷新节点地理信息-->
  23. <!--</button>-->
  24. @endcan
  25. @can('admin.node.create')
  26. <a href="{{route('admin.node.create')}}" class="btn btn-primary"><i class="icon wb-plus"></i> 添加节点</a>
  27. @endcan
  28. </div>
  29. @endcan
  30. </div>
  31. <div class="panel-body">
  32. <div class="form-row">
  33. <div class="form-group col-xxl-2 col-lg-3 col-md-3 col-sm-4">
  34. <input type="text" class="form-control" id="node" name="node" value="{{Request::input('node')}}" placeholder="节点"/>
  35. </div>
  36. <div class="form-group col-xxl-2 col-lg-3 col-md-3 col-sm-4">
  37. <input type="text" class="form-control" id="serverip" name="serverip" value="{{Request::input('serverip')}}" placeholder="IP"/>
  38. </div>
  39. <div class="form-group col-xxl-2 col-lg-3 col-md-3 col-sm-4">
  40. <input type="text" class="form-control" id="server" name="server" value="{{Request::input('server')}}" placeholder="域名"/>
  41. </div>
  42. {{-- <div class="form-group col-xxl-2 col-lg-3 col-md-3 col-sm-4">--}}
  43. {{-- <input type="text" class="form-control" id="v2_sni" name="v2_sni" value="{{Request::input('v2_sni')}}" placeholder="sni"/>--}}
  44. {{-- </div>--}}
  45. <div class="form-group col-xxl-2 col-lg-3 col-md-3 col-sm-4">
  46. <input type="text" class="form-control" id="relay_server" name="relay_server" value="{{Request::input('relay_server')}}" placeholder="中转IP"/>
  47. </div>
  48. <div class="form-group col-xxl-1 col-lg-3 col-md-3 col-4">
  49. <select class="form-control" id="status" name="status">
  50. <option value="">全部</option>
  51. <option value="1">正常</option>
  52. <option value="0">维护</option>
  53. </select>
  54. </div>
  55. <div class="form-group col-xxl-1 col-lg-3 col-md-3 col-4">
  56. <select class="form-control" id="type_label" name="type_label">
  57. <option value="">全部</option>
  58. <option value="0">shadowsocks</option>
  59. <option value="2">v2ray</option>
  60. <option value="3">Trojan</option>
  61. </select>
  62. </div>
  63. <!-- <div class="form-group col-xxl-1 col-lg-3 col-md-3 col-4">-->
  64. <!-- <select class="form-control" id="type_label" name="type_label">-->
  65. <!-- <option value="0">shadowsocks</option>-->
  66. <!-- <option value="3">Trojan</option>-->
  67. <!-- </select>-->
  68. <!--</div>-->
  69. <div class="form-group col-xxl-1 col-lg-3 col-md-3 col-4 btn-group">
  70. <button class="btn btn-primary" onclick="Search()">搜 索</button>
  71. <a href="{{route('admin.node.index')}}" class="btn btn-danger">{{trans('common.reset')}}</a>
  72. </div>
  73. </div>
  74. <table class="text-md-center" data-toggle="table" data-mobile-responsive="true">
  75. <thead class="thead-default">
  76. <tr>
  77. <th> ID</th>
  78. <th> 类型</th>
  79. <th> 名称</th>
  80. <th> IP</th>
  81. <th> 域名</th>
  82. <th> sni</th>
  83. <th> {{trans('common.status')}}</th>
  84. <th> 在线</th>
  85. <th> 中转IP</th>
  86. <th> 中转端口</th>
  87. <th> 设置地区</th>
  88. <th>备注</th>
  89. <th> 扩展</th>
  90. <th> {{trans('common.action')}}</th>
  91. </tr>
  92. </thead>
  93. <tbody>
  94. @foreach($nodeList as $node)
  95. <tr>
  96. <td> {{$node->id}} </td>
  97. <td> {{$node->type_label}} </td>
  98. <td> {{$node->name}} </td>
  99. <td> {{$node->is_ddns ? 'DDNS' : $node->ip}} </td>
  100. <td> {{$node->server}} </td>
  101. <td> {{$node->v2_sni}} </td>
  102. <td>
  103. @if(!$node->isOnline)
  104. <i class="red-600 icon wb-warning" aria-hidden="true"></i>
  105. @elseif (!$node->status)
  106. <i class="yellow-600 icon wb-warning" aria-hidden="true"></i>
  107. @endif
  108. {{$node->status? $node->load : '维护'}}
  109. </td>
  110. <td> {{$node->online_users}} </td>
  111. <td> {{$node->relay_server}} </td>
  112. <td> {{$node->relay_port}} </td>
  113. <td> {{$node->country_code}} </td>
  114. <td> {{$node->description}} </td>
  115. <td>
  116. @if($node->compatible) <span class="badge badge-lg badge-info">兼</span> @endif
  117. @if($node->single) <span class="badge badge-lg badge-info">单</span> @endif
  118. @if($node->is_relay) <span class="badge badge-lg badge-info">中转</span> @endif
  119. @if(!$node->is_subscribe) <span class="badge badge-lg badge-danger"><del>订</del></span> @endif
  120. </td>
  121. <td>
  122. @canany(['admin.node.edit', 'admin.node.destroy', 'admin.node.monitor', 'admin.node.geo', 'admin.node.ping', 'admin.node.check', 'admin.node.reload'])
  123. <div class="btn-group" role="group">
  124. <button type="button" class="btn btn-primary dropdown-toggle" data-boundary="viewport" data-toggle="dropdown" aria-expanded="false">
  125. <i class="icon wb-wrench" aria-hidden="true"></i>
  126. </button>
  127. <div class="dropdown-menu" role="menu">
  128. @can('admin.node.edit')
  129. <a class="dropdown-item" href="{{route('admin.node.edit', [$node->id, 'page' => Request::input('page', 1)])}}" role="menuitem">
  130. <i class="icon wb-edit" aria-hidden="true"></i> 编辑
  131. </a>
  132. @endcan
  133. @can('admin.node.destroy')
  134. <a class="dropdown-item" href="javascript:delNode('{{$node->id}}', '{{$node->name}}')" role="menuitem">
  135. <i class="icon wb-trash" aria-hidden="true"></i> 删除
  136. </a>
  137. @endcan
  138. @can('admin.node.monitor')
  139. <a class="dropdown-item" href="{{route('admin.node.monitor', $node)}}" role="menuitem">
  140. <i class="icon wb-stats-bars" aria-hidden="true"></i> 流量统计
  141. </a>
  142. @endcan
  143. <hr/>
  144. @can('admin.node.geo')
  145. <a class="dropdown-item" href="javascript:refreshGeo('{{$node->id}}')" role="menuitem">
  146. <i id="geo{{$node->id}}" class="icon wb-map" aria-hidden="true"></i> 刷新地理
  147. </a>
  148. @endcan
  149. @can('admin.node.ping')
  150. <a class="dropdown-item" href="javascript:pingNode('{{$node->id}}')" role="menuitem">
  151. <i id="ping{{$node->id}}" class="icon wb-order" aria-hidden="true"></i> 检测延迟
  152. </a>
  153. @endcan
  154. @can('admin.node.check')
  155. <a class="dropdown-item" href="javascript:checkNode('{{$node->id}}')" role="menuitem">
  156. <i id="node{{$node->id}}" class="icon wb-signal" aria-hidden="true"></i> 连通性检测
  157. </a>
  158. @endcan
  159. @if($node->type === 4)
  160. @can('admin.node.reload')
  161. <hr/>
  162. <a class="dropdown-item" href="javascript:reload('{{$node->id}}')" role="menuitem">
  163. <i id="reload{{$node->id}}" class="icon wb-reload" aria-hidden="true"></i> 重载后端
  164. </a>
  165. @endcan
  166. @endif
  167. </div>
  168. </div>
  169. @endcan
  170. </td>
  171. </tr>
  172. @endforeach
  173. </tbody>
  174. </table>
  175. </div>
  176. <div class="panel-footer">
  177. <div class="row">
  178. <div class="col-sm-4">
  179. 共 <code>{{$nodeList->total()}}</code> 条线路
  180. </div>
  181. <div class="col-sm-8">
  182. <nav class="Page navigation float-right">
  183. {{$nodeList->links()}}
  184. </nav>
  185. </div>
  186. </div>
  187. </div>
  188. </div>
  189. </div>
  190. @endsection
  191. @section('javascript')
  192. <script src="/assets/global/vendor/bootstrap-table/bootstrap-table.min.js"></script>
  193. <script src="/assets/global/vendor/bootstrap-table/extensions/mobile/bootstrap-table-mobile.min.js"></script>
  194. <script>
  195. // 搜索
  196. function Search() {
  197. {{--window.location.href = '{{route('admin.node.index')}}' + '?status=' + $('#status option:selected').val() + '&node=' + $('#node').val() + '&serverip=' + $('#serverip').val() + '&server=' + $('#server').val() + '&relay_server=' + $('#relay_server').val() + '&v2_sni=' + $('#v2_sni').val() + '&type=' + $('#type_label option:selected').val();--}}
  198. window.location.href = '{{route('admin.node.index')}}' + '?status=' + $('#status option:selected').val() + '&node=' + $('#node').val() + '&serverip=' + $('#serverip').val() + '&server=' + $('#server').val() + '&type=' + $('#type_label option:selected').val();
  199. }
  200. @can('admin.node.check')
  201. // 节点连通性测试
  202. function checkNode(id) {
  203. $.ajax({
  204. method: 'POST',
  205. url: '{{route('admin.node.check', '')}}/' + id,
  206. data: {_token: '{{csrf_token()}}'},
  207. beforeSend: function() {
  208. $('#node' + id).removeClass('wb-signal').addClass('wb-loop icon-spin');
  209. },
  210. success: function(ret) {
  211. if (ret.status === 'success') {
  212. swal.fire({
  213. title: ret.title,
  214. icon: 'info',
  215. html: '<table class="my-20"><thead class="thead-default"><tr><th> ICMP </th> <th> TCP </th></thead><tbody><tr><td>' +
  216. ret.message[0] + '</td><td>' + ret.message[1] + '</td></tr></tbody></table>',
  217. showConfirmButton: false,
  218. });
  219. } else {
  220. swal.fire({title: ret.title, text: ret.message, icon: 'error'});
  221. }
  222. },
  223. complete: function() {
  224. $('#node' + id).removeClass('wb-loop icon-spin').addClass('wb-signal');
  225. },
  226. });
  227. }
  228. @endcan
  229. @can('admin.node.ping')
  230. // Ping节点获取延迟
  231. function pingNode(id) {
  232. $.ajax({
  233. method: 'POST',
  234. url: '{{route('admin.node.ping', '')}}/' + id,
  235. data: {_token: '{{csrf_token()}}'},
  236. beforeSend: function() {
  237. $('#ping' + id).removeClass('wb-order').addClass('wb-loop icon-spin');
  238. },
  239. success: function(ret) {
  240. if (ret.status === 'success') {
  241. swal.fire({
  242. icon: 'info',
  243. html: ret.message,
  244. showConfirmButton: false,
  245. });
  246. } else {
  247. swal.fire({title: ret.message, icon: 'error'});
  248. }
  249. },
  250. complete: function() {
  251. $('#ping' + id).removeClass('wb-loop icon-spin').addClass('wb-order');
  252. },
  253. });
  254. }
  255. @endcan
  256. @can('admin.node.reload')
  257. // 发送节点重载请求
  258. function reload(id) {
  259. swal.fire({
  260. text: '确定重载节点?',
  261. icon: 'question',
  262. showCancelButton: true,
  263. cancelButtonText: '{{trans('common.close')}}',
  264. confirmButtonText: '{{trans('common.confirm')}}',
  265. }).then((result) => {
  266. if (result.value) {
  267. $.ajax({
  268. method: 'POST',
  269. url: '{{route('admin.node.reload', '')}}/' + id,
  270. data: {_token: '{{csrf_token()}}'},
  271. beforeSend: function() {
  272. $('#reload' + id).removeClass('wb-reload').addClass('wb-loop icon-spin');
  273. },
  274. success: function(ret) {
  275. if (ret.status === 'success') {
  276. swal.fire({title: ret.message, icon: 'info', showConfirmButton: false});
  277. } else {
  278. swal.fire({title: ret.message, icon: 'error'});
  279. }
  280. },
  281. complete: function() {
  282. $('#reload' + id).removeClass('wb-loop icon-spin').addClass('wb-reload');
  283. },
  284. });
  285. }
  286. });
  287. }
  288. @endcan
  289. @can('admin.node.geo')
  290. // 刷新节点地理信息
  291. function refreshGeo(id = 0) {
  292. $.ajax({
  293. method: 'GET',
  294. url: '{{route('admin.node.geo', '')}}/' + id,
  295. data: {_token: '{{csrf_token()}}'},
  296. beforeSend: function() {
  297. $('#geo' + id).removeClass('wb-map').addClass('wb-loop icon-spin');
  298. },
  299. success: function(ret) {
  300. if (ret.status === 'success') {
  301. swal.fire({title: ret.message, icon: 'info', showConfirmButton: false});
  302. } else {
  303. swal.fire({title: ret.message, icon: 'error'});
  304. }
  305. },
  306. complete: function() {
  307. $('#geo' + id).removeClass('wb-loop icon-spin').addClass('wb-map');
  308. },
  309. });
  310. }
  311. @endcan
  312. @can('admin.node.destroy')
  313. // 删除节点
  314. function delNode(id, name) {
  315. swal.fire({
  316. title: '{{trans('common.warning')}}',
  317. text: '确定删除节点 【' + name + '】 ?',
  318. icon: 'warning',
  319. showCancelButton: true,
  320. cancelButtonText: '{{trans('common.close')}}',
  321. confirmButtonText: '{{trans('common.confirm')}}',
  322. }).then((result) => {
  323. if (result.value) {
  324. $.ajax({
  325. method: 'DELETE',
  326. url: '{{route('admin.node.destroy', '')}}/' + id,
  327. data: {_token: '{{csrf_token()}}'},
  328. dataType: 'json',
  329. success: function(ret) {
  330. if (ret.status === 'success') {
  331. swal.fire({title: ret.message, icon: 'success', timer: 1000, showConfirmButton: false}).then(() => window.location.reload());
  332. } else {
  333. swal.fire({title: ret.message, icon: 'error'}).then(() => window.location.reload());
  334. }
  335. },
  336. });
  337. }
  338. });
  339. }
  340. @endcan
  341. </script>
  342. @endsection