editNode.blade.php 18 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255
  1. @extends('admin.layouts')
  2. @section('css')
  3. <link href="/assets/global/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet" type="text/css" />
  4. @endsection
  5. @section('title', '控制面板')
  6. @section('content')
  7. <!-- BEGIN CONTENT BODY -->
  8. <div class="page-content">
  9. <!-- BEGIN PAGE BREADCRUMB -->
  10. <ul class="page-breadcrumb breadcrumb">
  11. <li>
  12. <a href="{{url('admin/nodeList')}}">节点管理</a>
  13. <i class="fa fa-circle"></i>
  14. </li>
  15. <li>
  16. <a href="javascript:;">编辑节点</a>
  17. </li>
  18. </ul>
  19. <!-- END PAGE BREADCRUMB -->
  20. <div class="row">
  21. <div class="col-md-12">
  22. <!-- BEGIN PAGE BASE CONTENT -->
  23. <div class="tab-pane active">
  24. <div class="portlet light bordered">
  25. <div class="portlet-body form">
  26. <!-- BEGIN FORM-->
  27. <form action="{{url('admin/editNode')}}" method="post" class="form-horizontal" onsubmit="return do_submit();">
  28. <div class="form-body">
  29. <div class="row">
  30. <div class="col-md-6">
  31. <!-- BEGIN SAMPLE FORM PORTLET-->
  32. <div class="portlet light bordered">
  33. <div class="portlet-title">
  34. <div class="caption">
  35. <span class="caption-subject font-dark bold uppercase">基础信息</span>
  36. </div>
  37. </div>
  38. <div class="portlet-body">
  39. <div class="form-group">
  40. <label for="name" class="col-md-3 control-label"> 节点名称 </label>
  41. <div class="col-md-8">
  42. <input type="text" class="form-control" name="name" value="{{$node->name}}" id="name" placeholder="" autofocus required>
  43. <input type="hidden" name="id" value="{{$node->id}}">
  44. <input type="hidden" name="_token" value="{{csrf_token()}}">
  45. </div>
  46. </div>
  47. <div class="form-group">
  48. <label for="group_id" class="col-md-3 control-label"> 所属分组 </label>
  49. <div class="col-md-8">
  50. <select class="form-control" name="group_id" id="group_id">
  51. <option value="0">请选择</option>
  52. @if(!$group_list->isEmpty())
  53. @foreach($group_list as $group)
  54. <option value="{{$group->id}}" {{$node->group_id == $group->id ? 'selected' : ''}}>{{$group->name}}</option>
  55. @endforeach
  56. @endif
  57. </select>
  58. <span class="help-block">没有关联任何分组时则节点不可见</span>
  59. </div>
  60. </div>
  61. <div class="form-group">
  62. <label for="server" class="col-md-3 control-label"> 服务器地址 </label>
  63. <div class="col-md-8">
  64. <input type="text" class="form-control" name="server" value="{{$node->server}}" id="server" placeholder="" required>
  65. </div>
  66. </div>
  67. <div class="form-group">
  68. <label for="method" class="col-md-3 control-label">加密方式</label>
  69. <div class="col-md-8">
  70. <select class="form-control" name="method" id="method">
  71. @foreach ($method_list as $method)
  72. <option value="{{$method->name}}" @if($method->name == $node->method) selected @endif>{{$method->name}}</option>
  73. @endforeach
  74. </select>
  75. </div>
  76. </div>
  77. <div class="form-group">
  78. <label for="bandwidth" class="col-md-3 control-label">出口带宽</label>
  79. <div class="col-md-8">
  80. <div class="input-group">
  81. <input type="text" class="form-control" name="bandwidth" value="{{$node->bandwidth}}" id="bandwidth" placeholder="" required>
  82. <span class="input-group-addon">M</span>
  83. </div>
  84. </div>
  85. </div>
  86. <div class="form-group">
  87. <label for="traffic" class="col-md-3 control-label">每月可用流量</label>
  88. <div class="col-md-8">
  89. <div class="input-group">
  90. <input type="text" class="form-control right" name="traffic" value="{{$node->traffic}}" id="traffic" placeholder="" required>
  91. <span class="input-group-addon">G</span>
  92. </div>
  93. </div>
  94. </div>
  95. <div class="form-group">
  96. <label for="sort" class="col-md-3 control-label">排序</label>
  97. <div class="col-md-8">
  98. <input type="text" class="form-control" name="sort" value="{{$node->sort}}" id="sort" placeholder="">
  99. <span class="help-block"> 值越大排越前 </span>
  100. </div>
  101. </div>
  102. <div class="form-group">
  103. <label for="status" class="col-md-3 control-label">状态</label>
  104. <div class="col-md-8">
  105. <select class="form-control" name="status" id="status">
  106. <option value="1" {{$node->status == '1' ? 'selected' : ''}}>正常</option>
  107. <option value="0" {{$node->status == '0' ? 'selected' : ''}}>维护</option>
  108. </select>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. <!-- END SAMPLE FORM PORTLET-->
  114. </div>
  115. <div class="col-md-6">
  116. <!-- BEGIN SAMPLE FORM PORTLET-->
  117. <div class="portlet light bordered">
  118. <div class="portlet-title">
  119. <div class="caption">
  120. <span class="caption-subject font-dark bold">扩展信息</span>
  121. </div>
  122. </div>
  123. <div class="portlet-body">
  124. <div class="form-group">
  125. <label for="compatible" class="col-md-3 control-label">兼容SS</label>
  126. <div class="col-md-8">
  127. <select class="form-control" name="compatible" id="compatible">
  128. <option value="0" {{!$node->compatible ? 'selected' : ''}}>否</option>
  129. <option value="1" {{$node->compatible ? 'selected' : ''}}>是</option>
  130. </select>
  131. <span class="help-block"> 请在服务端配置协议和混淆时加上<span style="color:red">_compatible</span> </span>
  132. </div>
  133. </div>
  134. <div class="form-group">
  135. <label for="traffic_rate" class="col-md-3 control-label"> 流量比例 </label>
  136. <div class="col-md-8">
  137. <input type="text" class="form-control" name="traffic_rate" value="{{$node->traffic_rate}}" value="1.0" id="traffic_rate" placeholder="" required>
  138. <span class="help-block"> 举例:0.1用100M结算10M,5用100M结算500M </span>
  139. </div>
  140. </div>
  141. <div class="form-group">
  142. <label for="protocol" class="col-md-3 control-label">协议</label>
  143. <div class="col-md-8">
  144. <select class="form-control" name="protocol" id="protocol">
  145. @foreach ($protocol_list as $protocol)
  146. <option value="{{$protocol->name}}" @if($protocol->name == $node->protocol) selected @endif>{{$protocol->name}}</option>
  147. @endforeach
  148. </select>
  149. </div>
  150. </div>
  151. <div class="form-group">
  152. <label for="protocol_param" class="col-md-3 control-label"> 协议参数 </label>
  153. <div class="col-md-8">
  154. <input type="text" class="form-control" name="protocol_param" value="{{$node->protocol_param}}" id="protocol_param" placeholder="">
  155. </div>
  156. </div>
  157. <div class="form-group">
  158. <label for="obfs" class="col-md-3 control-label">混淆</label>
  159. <div class="col-md-8">
  160. <select class="form-control" name="obfs" id="obfs">
  161. @foreach ($obfs_list as $obfs)
  162. <option value="{{$obfs->name}}" @if($obfs->name == $node->obfs) selected @endif>{{$obfs->name}}</option>
  163. @endforeach
  164. </select>
  165. </div>
  166. </div>
  167. <div class="form-group">
  168. <label for="obfs_param" class="col-md-3 control-label"> 混淆参数 </label>
  169. <div class="col-md-8">
  170. <textarea class="form-control" rows="5" name="obfs_param" id="obfs_param">{{$node->obfs_param}}</textarea>
  171. </div>
  172. </div>
  173. <div class="form-group">
  174. <label for="monitor_url" class="col-md-3 control-label">监控地址</label>
  175. <div class="col-md-8">
  176. <input type="text" class="form-control right" name="monitor_url" value="{{$node->monitor_url}}" id="monitor_url" placeholder="">
  177. <span class="help-block"> 例如:http://us1.xxx.com/monitor.php </span>
  178. </div>
  179. </div>
  180. </div>
  181. </div>
  182. <!-- END SAMPLE FORM PORTLET-->
  183. </div>
  184. </div>
  185. </div>
  186. <div class="form-actions">
  187. <div class="row">
  188. <div class="col-md-6">
  189. <div class="row">
  190. <div class="col-md-offset-11 col-md-4">
  191. <button type="submit" class="btn green">提 交</button>
  192. </div>
  193. </div>
  194. </div>
  195. <div class="col-md-6"> </div>
  196. </div>
  197. </div>
  198. </form>
  199. <!-- END FORM-->
  200. </div>
  201. </div>
  202. </div>
  203. <!-- END PAGE BASE CONTENT -->
  204. </div>
  205. </div>
  206. </div>
  207. <!-- END CONTENT BODY -->
  208. @endsection
  209. @section('script')
  210. <script src="/assets/global/plugins/bootbox/bootbox.min.js" type="text/javascript"></script>
  211. <script type="text/javascript">
  212. // ajax同步提交
  213. function do_submit() {
  214. var _token = '{{csrf_token()}}';
  215. var id = '{{Request::get('id')}}';
  216. var name = $('#name').val();
  217. var group_id = $("#group_id option:selected").val();
  218. var server = $('#server').val();
  219. var method = $('#method').val();
  220. var custom_method = $('#custom_method').val();
  221. var traffic_rate = $('#traffic_rate').val();
  222. var protocol = $('#protocol').val();
  223. var protocol_param = $('#protocol_param').val();
  224. var obfs = $('#obfs').val();
  225. var obfs_param = $('#obfs_param').val();
  226. var bandwidth = $('#bandwidth').val();
  227. var traffic = $('#traffic').val();
  228. var monitor_url = $('#monitor_url').val();
  229. var compatible = $('#compatible').val();
  230. var sort = $('#sort').val();
  231. var status = $('#status').val();
  232. $.ajax({
  233. type: "POST",
  234. url: "{{url('admin/editNode')}}",
  235. async: false,
  236. data: {_token:_token, id:id, name: name, group_id:group_id, server:server, method:method, custom_method:custom_method, traffic_rate:traffic_rate, protocol:protocol, protocol_param:protocol_param, obfs:obfs, obfs_param:obfs_param, bandwidth:bandwidth, traffic:traffic, monitor_url:monitor_url, compatible:compatible, sort:sort, status:status},
  237. dataType: 'json',
  238. success: function (ret) {
  239. if (ret.status == 'success') {
  240. bootbox.alert(ret.message, function () {
  241. window.location.href = '{{url('admin/nodeList?page=') . Request::get('page')}}';
  242. });
  243. } else {
  244. bootbox.alert(ret.message);
  245. }
  246. }
  247. });
  248. return false;
  249. }
  250. </script>
  251. @endsection