info.blade.php 48 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766
  1. @extends('admin.layouts')
  2. @section('css')
  3. <link href="/assets/global/vendor/bootstrap-select/bootstrap-select.min.css" rel="stylesheet">
  4. <link href="/assets/global/vendor/switchery/switchery.min.css" rel="stylesheet">
  5. <style>
  6. .hidden {
  7. display: none
  8. }
  9. </style>
  10. @endsection
  11. @section('content')
  12. <div class="page-content container-fluid">
  13. <div class="panel">
  14. <div class="panel-heading">
  15. <h2 class="panel-title">@isset($node) 编辑节点 @else 添加节点 @endisset</h2>
  16. </div>
  17. <div class="alert alert-info" role="alert">
  18. <button class="close" data-dismiss="alert" aria-label="Close">
  19. <span aria-hidden="true">&times;</span>
  20. <span class="sr-only">{{trans('common.close')}}</span>
  21. </button>
  22. <strong>注意:</strong> 添加节点后自动生成的<code>ID</code>,即为该节点部署ShadowsocksR Python版后端时<code>usermysql.json</code>中的<code>node_id</code>的值,同时也是部署V2Ray后端时的<code>nodeId</code>的值;
  23. </div>
  24. <div class="panel-body">
  25. <form class="form-horizontal" onsubmit="return Submit()">
  26. <div class="row">
  27. <div class="col-lg-6">
  28. <div class="example-wrap">
  29. <h4 class="example-title">基础信息</h4>
  30. <div class="example">
  31. <div class="form-group row">
  32. <label for="is_ddns" class="col-md-3 col-form-label">DDNS</label>
  33. <div class="col-md-9">
  34. <input type="checkbox" id="is_ddns" name="is_ddns" data-plugin="switchery" onchange="switchSetting('is_ddns')">
  35. </div>
  36. <div class="text-help offset-md-3">
  37. 动态IP节点需要<a href="https://github.com/NewFuture/DDNS" target="_blank">配置DDNS</a>,对此类型节点,节点阻断功能会通过域名进行检测
  38. </div>
  39. </div>
  40. <div class="form-group row">
  41. <label for="name" class="col-md-3 col-form-label"> 节点名称 </label>
  42. <input type="text" class="form-control col-md-4" name="name" id="name" required>
  43. </div>
  44. <div class="form-group row">
  45. <label for="server" class="col-md-3 col-form-label"> 域名 </label>
  46. <input type="text" class="form-control col-md-4" name="server" id="server" placeholder="服务器域名地址,填则优先取域名地址">
  47. <span class="text-help offset-md-3">系统设置中开启【DDNS模式】,域名将会自动与下方IP内容进行绑定操作!无需再前往域名注册商页面修改IP信息了哟</span>
  48. </div>
  49. <div class="form-group row">
  50. <label for="ip" class="col-md-3 col-form-label"> IPv4地址 </label>
  51. <input type="text" class="form-control col-md-4" name="ip" id="ip" placeholder="服务器IPv4地址" required>
  52. <span class="text-help offset-md-3">多IP使用“, ”分割,例:1.1.1.1, 8.8.8.8</span>
  53. </div>
  54. <div class="form-group row">
  55. <label for="ipv6" class="col-md-3 col-form-label"> IPv6地址 </label>
  56. <input type="text" class="form-control col-md-4" name="ipv6" id="ipv6" placeholder="服务器IPv6地址,填写则用户可见,域名无效">
  57. <span class="text-help offset-md-3">多IP使用“, ”分割,例:1.1.1.1, 8.8.8.8</span>
  58. </div>
  59. <div class="form-group row">
  60. <label for="push_port" class="col-md-3 col-form-label"> 消息推送端口 </label>
  61. <input type="number" class="form-control col-md-4" name="push_port" value="0" id="push_port">
  62. <span class="text-help offset-md-3">必填且防火墙需放行,否则将导致消息推送异常</span>
  63. </div>
  64. <div class="form-group row">
  65. <label for="traffic_rate" class="col-md-3 col-form-label"> 流量比例 </label>
  66. <input type="number" class="form-control col-md-4" name="traffic_rate" value="1.0" id="traffic_rate" step="0.01" required>
  67. <div class="text-help offset-md-3"> 举例:0.1用100M结算10M,5用100M结算500M</div>
  68. </div>
  69. <div class="form-group row">
  70. <label for="level" class="col-md-3 col-form-label">等级</label>
  71. <select data-plugin="selectpicker" data-style="btn-outline btn-primary" class="col-md-5 form-control show-tick" id="level" name="level">
  72. @foreach($levels as $level)
  73. <option value="{{$level->level}}">{{$level->name}}</option>
  74. @endforeach
  75. </select>
  76. <div class="text-help offset-md-3"> 等级:0-无等级,全部可见</div>
  77. </div>
  78. <div class="form-group row">
  79. <label for="ruleGroup" class="col-md-3 col-form-label">审计分组</label>
  80. <select data-plugin="selectpicker" data-style="btn-outline btn-primary" class="col-md-5 form-control show-tick"
  81. id="ruleGroup" name="ruleGroup">
  82. <option value="">不使用</option>
  83. @foreach($ruleGroups as $ruleGroup)
  84. <option value="{{$ruleGroup->id}}">{{$ruleGroup->name}}</option>
  85. @endforeach
  86. </select>
  87. </div>
  88. <div class="form-group row">
  89. <label for="speed_limit" class="col-md-3 col-form-label">节点限速</label>
  90. <div class="col-md-4 input-group p-0">
  91. <input type="number" class="form-control" id="speed_limit" name="speed_limit" value="1000" required>
  92. <span class="input-group-text">Mbps</span>
  93. </div>
  94. </div>
  95. <div class="form-group row">
  96. <label for="client_limit" class="col-md-3 col-form-label">设备数限制</label>
  97. <input type="number" class="form-control col-md-4" id="client_limit" name="client_limit" value="1000" required>
  98. </div>
  99. <div class="form-group row">
  100. <label for="labels" class="col-md-3 col-form-label">标签</label>
  101. <select data-plugin="selectpicker" data-style="btn-outline btn-primary" class="col-md-5 form-control show-tick" id="labels" name="labels"
  102. multiple>
  103. @foreach($labels as $label)
  104. <option value="{{$label->id}}">{{$label->name}}</option>
  105. @endforeach
  106. </select>
  107. </div>
  108. <div class="form-group row">
  109. <label for="country_code" class="col-md-3 col-form-label"> 国家/地区 </label>
  110. <select data-plugin="selectpicker" data-style="btn-outline btn-primary"
  111. class="col-md-5 form-control" name="country_code" id="country_code">
  112. @foreach($countries as $country)
  113. <option value="{{$country->code}}">{{$country->code}} - {{$country->name}}</option>
  114. @endforeach
  115. </select>
  116. </div>
  117. <div class="form-group row">
  118. <label for="description" class="col-md-3 col-form-label"> 描述 </label>
  119. <input type="text" class="form-control col-md-6" name="description" id="description" placeholder="简单描述">
  120. </div>
  121. <div class="form-group row">
  122. <label for="sort" class="col-md-3 col-form-label">排序</label>
  123. <input type="text" class="form-control col-md-4" name="sort" id="sort" value="1" required/>
  124. <div class="text-help offset-md-3"> 排序值越大排越前 &emsp;&emsp;&emsp;&emsp;&emsp;&emsp;</div>
  125. </div>
  126. <div class="form-group row">
  127. <label for="is_udp" class="col-md-3 col-form-label">UDP</label>
  128. <div class="col-md-9">
  129. <input type="checkbox" id="is_udp" name="is_udp" data-plugin="switchery">
  130. </div>
  131. </div>
  132. <div class="form-group row">
  133. <label for="status" class="col-md-3 col-form-label">状态</label>
  134. <div class="col-md-9">
  135. <input type="checkbox" id="status" name="status" data-plugin="switchery">
  136. </div>
  137. </div>
  138. </div>
  139. </div>
  140. </div>
  141. <div class="col-lg-6">
  142. <div class="example-wrap">
  143. <h4 class="example-title">扩展信息</h4>
  144. <div class="example">
  145. <div class="form-group row">
  146. <label for="type" class="col-md-3 col-form-label">类型</label>
  147. <ul class="col-md-9 list-unstyled list-inline">
  148. <li class="list-inline-item">
  149. <div class="radio-custom radio-primary">
  150. <input type="radio" id="shadowsocks" name="type" value="0">
  151. <label for="shadowsocks">Shadowsocks</label>
  152. </div>
  153. </li>
  154. <!--<li class="list-inline-item">-->
  155. <!-- <div class="radio-custom radio-primary">-->
  156. <!-- <input type="radio" id="shadowsocksR" name="type" value="1">-->
  157. <!-- <label for="shadowsocksR">ShadowsocksR</label>-->
  158. <!-- </div>-->
  159. <!--</li>-->
  160. <li class="list-inline-item">
  161. <div class="radio-custom radio-primary">
  162. <input type="radio" id="v2ray" name="type" value="2">
  163. <label for="v2ray">V2Ray</label>
  164. </div>
  165. </li>
  166. <li class="list-inline-item">
  167. <div class="radio-custom radio-primary">
  168. <input type="radio" id="trojan" name="type" value="3">
  169. <label for="trojan">Trojan</label>
  170. </div>
  171. </li>
  172. <li class="list-inline-item">
  173. <div class="radio-custom radio-primary">
  174. <input type="radio" id="vnet" name="type" value="4">
  175. <label for="vnet">VNET</label>
  176. </div>
  177. </li>
  178. </ul>
  179. </div>
  180. <hr/>
  181. <!-- SS/SSR 设置部分 -->
  182. <div class="ss-setting">
  183. <div class="form-group row">
  184. <label for="method" class="col-md-3 col-form-label">加密方式</label>
  185. <select data-plugin="selectpicker" data-style="btn-outline btn-primary" class="col-md-5 form-control" name="method" id="method">
  186. @foreach (Helpers::methodList() as $method)
  187. <option value="{{$method->name}}" @if(!isset($node) && $method->is_default) selected @endif>{{$method->name}}</option>
  188. @endforeach
  189. </select>
  190. </div>
  191. <div class="ssr-setting">
  192. <div class="form-group row">
  193. <label for="protocol" class="col-md-3 col-form-label">协议</label>
  194. <select data-plugin="selectpicker" data-style="btn-outline btn-primary" class="col-md-5 form-control" name="protocol" id="protocol">
  195. @foreach (Helpers::protocolList() as $protocol)
  196. <option value="{{$protocol->name}}" @if(!isset($node) && $protocol->is_default) selected @endif>{{$protocol->name}}</option>
  197. @endforeach
  198. </select>
  199. </div>
  200. <div class="form-group row">
  201. <label for="protocol_param" class="col-md-3 col-form-label"> 协议参数 </label>
  202. <input type="text" class="form-control col-md-4" name="protocol_param" id="protocol_param">
  203. </div>
  204. <div class="form-group row">
  205. <label for="obfs" class="col-md-3 col-form-label">混淆</label>
  206. <select data-plugin="selectpicker" data-style="btn-outline btn-primary" class="col-md-5 form-control" name="obfs" id="obfs">
  207. @foreach (Helpers::obfsList() as $obfs)
  208. <option value="{{$obfs->name}}" @if(!isset($node) && $obfs->is_default) selected @endif>{{$obfs->name}}</option>
  209. @endforeach
  210. </select>
  211. </div>
  212. <div class="form-group row obfs_param">
  213. <label for="obfs_param" class="col-md-3 col-form-label"> 混淆参数 </label>
  214. <textarea class="form-control col-md-8" rows="5" name="obfs_param" id="obfs_param"
  215. placeholder="混淆不为 [plain] 时可填入参数进行流量伪装;&#13;&#10;混淆为 [http_simple] 时,建议端口为 80;&#13;&#10;混淆为 [tls] 时,建议端口为 443;"></textarea>
  216. </div>
  217. <div class="form-group row">
  218. <label for="compatible" class="col-md-3 col-form-label">兼容SS</label>
  219. <div class="col-md-9">
  220. <input type="checkbox" id="compatible" name="compatible" data-plugin="switchery">
  221. </div>
  222. <div class="text-help offset-md-3">
  223. 如果兼容请在服务端配置协议和混淆时加上<span class="red-700">_compatible</span>
  224. </div>
  225. </div>
  226. </div>
  227. <hr/>
  228. <div class="form-group row">
  229. <label for="single" class="col-md-3 col-form-label">单端口</label>
  230. <div class="col-md-9">
  231. <input type="checkbox" id="single" name="single" data-plugin="switchery" onchange="switchSetting('single')">
  232. </div>
  233. <div class="text-help offset-md-3">
  234. 如果启用请配置服务端的<span class="red-700"><a href="javascript:showTnc();">additional_ports</a></span>信息
  235. </div>
  236. </div>
  237. <div class="single-setting">
  238. <div class="form-group row">
  239. <label for="single_port" class="col-md-3 col-form-label">[单] 端口</label>
  240. <input type="number" class="form-control col-md-4" name="port" value="443" id="single_port"/>
  241. <span class="text-help offset-md-3"> 推荐80或443,服务端需要配置 <br>
  242. 严格模式:用户的端口无法连接,只能通过以下指定的端口进行连接(<a href="javascript:showPortsOnlyConfig();">如何配置</a>)</span>
  243. </div>
  244. <div class="form-group row ss-setting">
  245. <label for="passwd" class="col-md-3 col-form-label">[单] 密码</label>
  246. <input type="text" class="form-control col-md-4" name="passwd" id="passwd" placeholder="password">
  247. </div>
  248. </div>
  249. </div>
  250. <!-- V2ray 设置部分 -->
  251. <div class="v2ray-setting">
  252. <div class="form-group row">
  253. <label for="v2_alter_id" class="col-md-3 col-form-label">额外ID</label>
  254. <input type="text" class="form-control col-md-4" name="v2_alter_id" value="16" id="v2_alter_id" required/>
  255. </div>
  256. <div class="form-group row">
  257. <label for="v2_port" class="col-md-3 col-form-label">服务端口</label>
  258. <input type="number" class="form-control col-md-4" name="port" id="v2_port" value="10053" required/>
  259. </div>
  260. <div class="form-group row">
  261. <label for="v2_method" class="col-md-3 col-form-label">加密方式</label>
  262. <select data-plugin="selectpicker" data-style="btn-outline btn-primary" class="col-md-5 form-control" id="v2_method">
  263. <option value="auto">auto</option>
  264. <option value="none">none</option>
  265. <option value="aes-128-gcm">aes-128-gcm</option>
  266. <option value="chacha20-poly1305">chacha20-poly1305</option>
  267. </select>
  268. <div class="text-help offset-md-3"> 使用WebSocket传输协议时不要使用none</div>
  269. </div>
  270. <div class="form-group row">
  271. <label for="v2_net" class="col-md-3 col-form-label">传输方式</label>
  272. <select data-plugin="selectpicker" data-style="btn-outline btn-primary" class="col-md-5 form-control" id="v2_net">
  273. <option value="tcp">TCP</option>
  274. <option value="kcp">mKCP</option>
  275. <option value="ws">WebSocket</option>
  276. <option value="http">HTTP/2</option>
  277. <option value="domainsocket">DomainSocket</option>
  278. <option value="quic">QUIC</option>
  279. </select>
  280. <div class="text-help offset-md-3"> 使用WebSocket传输协议时请启用TLS</div>
  281. </div>
  282. <div class="form-group row v2_type">
  283. <label for="v2_type" class="col-md-3 col-form-label">伪装类型</label>
  284. <select data-plugin="selectpicker" data-style="btn-outline btn-primary" class="col-md-5 form-control" id="v2_type">
  285. <option value="none">无伪装</option>
  286. <option value="http">HTTP数据流</option>
  287. <optgroup id="type_option" label="">
  288. <option value="srtp">视频通话数据 (SRTP)</option>
  289. <option value="utp">BT下载数据 (uTP)</option>
  290. <option value="wechat-video">微信视频通话</option>
  291. <option value="dtls">DTLS1.2数据包</option>
  292. <option value="wireguard">WireGuard数据包</option>
  293. </optgroup>
  294. </select>
  295. </div>
  296. <div class="form-group row v2_host">
  297. <label for="v2_host" class="col-md-3 col-form-label">伪装域名</label>
  298. <div class="col-md-4 pl-0">
  299. <input type="text" class="form-control" name="v2_other" id="v2_host">
  300. </div>
  301. <div class="text-help offset-md-3">
  302. 伪装类型为http时多个伪装域名逗号隔开,使用WebSocket传输协议时只允许单个
  303. </div>
  304. </div>
  305. <div class="form-group row">
  306. <label for="v2_path" class="col-md-3 col-form-label">路径 | 密钥</label>
  307. <input type="text" class="form-control col-md-4" name="v2_path" id="v2_path">
  308. </div>
  309. <div class="form-group row">
  310. <label for="v2_sni" class="col-md-3 col-form-label">SNI</label>
  311. <input type="text" class="form-control col-md-4" name="v2_sni" id="v2_sni">
  312. </div>
  313. <div class="form-group row">
  314. <label for="v2_tls" class="col-md-3 col-form-label">连接TLS</label>
  315. <div class="col-md-9">
  316. <input type="checkbox" id="v2_tls" name="v2_tls" data-plugin="switchery" onchange="switchSetting('v2_tls')">
  317. </div>
  318. </div>
  319. <div class="form-group row">
  320. <label for="tls_provider" class="col-md-3 col-form-label">TLS配置</label>
  321. <input type="text" class="form-control col-md-9" name="tls_provider" id="tls_provider"/>
  322. <div class="text-help offset-md-3"> 不同后端配置不同:
  323. <a href="https://proxypanel.gitbook.io/wiki/webapi/webapi-basic-setting#vnet-v2-ray-hou-duan" target="_blank">VNET-V2Ray</a>、
  324. <a href="https://proxypanel.gitbook.io/wiki/webapi/webapi-basic-setting#v-2-ray-poseidon-hou-duan"
  325. target="_blank">V2Ray-Poseidon</a>
  326. </div>
  327. </div>
  328. </div>
  329. <!-- Trojan 设置部分 -->
  330. <div class="trojan-setting">
  331. <div class="form-group row">
  332. <label for="trojan_port" class="col-md-3 col-form-label">连接端口</label>
  333. <input type="number" class="form-control col-md-4" name="port" id="trojan_port" value="443"/>
  334. </div>
  335. </div>
  336. <!-- 中转 设置部分 -->
  337. <hr/>
  338. <div class="form-group row">
  339. <label for="is_subscribe" class="col-md-3 col-form-label">订阅</label>
  340. <div class="col-md-9">
  341. <input type="checkbox" id="is_subscribe" name="is_subscribe" data-plugin="switchery">
  342. </div>
  343. </div>
  344. <div class="form-group row">
  345. <label for="detection_type" class="col-md-3 col-form-label">节点阻断检测</label>
  346. <ul class="col-md-9 list-unstyled list-inline">
  347. <li class="list-inline-item">
  348. <div class="radio-custom radio-primary">
  349. <input type="radio" id="detect_disable" name="detection_type" value="0" checked/>
  350. <label for="detect_disable">关闭</label>
  351. </div>
  352. </li>
  353. <li class="list-inline-item">
  354. <div class="radio-custom radio-primary">
  355. <input type="radio" id="detect_tcp" name="detection_type" value="1"/>
  356. <label for="detect_tcp">只检测TCP</label>
  357. </div>
  358. </li>
  359. <li class="list-inline-item">
  360. <div class="radio-custom radio-primary">
  361. <input type="radio" id="detect_icmp" name="detection_type" value="2"/>
  362. <label for="detect_icmp">只检测ICMP</label>
  363. </div>
  364. </li>
  365. <li class="list-inline-item">
  366. <div class="radio-custom radio-primary">
  367. <input type="radio" id="detect_all" name="detection_type" value="3"/>
  368. <label for="detect_all">检测全部</label>
  369. </div>
  370. </li>
  371. </ul>
  372. <div class="text-help offset-md-3"> 每30~60分钟随机进行节点阻断检测</div>
  373. </div>
  374. <div class="form-group row">
  375. <label for="is_relay" class="col-md-3 col-form-label">中转</label>
  376. <div class="col-md-9">
  377. <input type="checkbox" id="is_relay" name="is_relay" data-plugin="switchery" onchange="switchSetting('is_relay')">
  378. </div>
  379. </div>
  380. <div class="relay-setting">
  381. <div class="form-group row">
  382. <label for="relay_port" class="col-md-3 col-form-label"> 中转端口 </label>
  383. <input type="number" class="form-control col-md-4" name="relay_port" id="relay_port" value="443">
  384. </div>
  385. <div class="form-group row">
  386. <label for="relay_server" class="col-md-3 col-form-label"> 中转地址 </label>
  387. <input type="text" class="form-control col-md-4" name="relay_server" id="relay_server">
  388. </div>
  389. </div>
  390. </div>
  391. </div>
  392. <div class="col-md-12 form-actions">
  393. <div class="float-right">
  394. <a href="{{route('admin.node.index')}}" class="btn btn-danger">返 回</a>
  395. <button type="submit" class="btn btn-success">提 交</button>
  396. </div>
  397. </div>
  398. </div>
  399. </div>
  400. </form>
  401. </div>
  402. </div>
  403. </div>
  404. @endsection
  405. @section('javascript')
  406. <script src="/assets/global/vendor/bootstrap-select/bootstrap-select.min.js"></script>
  407. <script src="/assets/global/js/Plugin/bootstrap-select.js"></script>
  408. <script src="/assets/global/vendor/switchery/switchery.min.js"></script>
  409. <script src="/assets/global/js/Plugin/switchery.js"></script>
  410. <script>
  411. const string = "{{strtolower(Str::random())}}";
  412. $(document).ready(function() {
  413. let v2_path = $('#v2_path');
  414. switchSetting('single');
  415. switchSetting('is_relay');
  416. switchSetting('is_ddns');
  417. @isset($node)
  418. @if($node->is_ddns)
  419. $('#is_ddns').click();
  420. @endif
  421. $('#name').val('{{$node->name}}');
  422. $('#server').val('{{$node->server}}');
  423. $('#ip').val('{{$node->ip}}');
  424. $('#ipv6').val('{{$node->ipv6}}');
  425. $('#push_port').val('{{$node->push_port}}');
  426. $('#traffic_rate').val('{{$node->traffic_rate}}');
  427. $('#level').selectpicker('val', '{{$node->level}}');
  428. $('#ruleGroup').selectpicker('val', '{{$node->rule_group_id}}');
  429. $('#speed_limit').val('{{$node->speed_limit}}');
  430. $('#client_limit').val('{{$node->client_limit}}');
  431. $('#labels').selectpicker('val', {{$node->labels->pluck('id')}});
  432. $('#country_code').selectpicker('val', '{{$node->country_code}}');
  433. $('#description').val('{{$node->description}}');
  434. $('#sort').val('{{$node->sort}}');
  435. @if($node->is_udp)
  436. $('#is_udp').click();
  437. @endif
  438. @if($node->status)
  439. $('#status').click();
  440. @endif
  441. @if($node->is_subscribe)
  442. $('#is_subscribe').click();
  443. @endif
  444. $("input[name='detection_type'][value='{{$node->detection_type}}']").click();
  445. @if($node->single)
  446. $('#single').click();
  447. @endif
  448. $('input[name = port]').val('{{$node->port}}');
  449. $('#passwd').val('{{$node->passwd}}');
  450. $("input[name='type'][value='{{$node->type}}']").click();
  451. switch ({{$node->type}}) {
  452. case 1:
  453. case 4:
  454. @if ($node->compatible)
  455. $('#compatible').click();
  456. @endif
  457. $('#protocol').selectpicker('val', '{{$node->protocol}}');
  458. $('#protocol_param').val('{{$node->protocol_param}}');
  459. $('#obfs').selectpicker('val', '{{$node->obfs}}');
  460. $('#obfs_param').val('{{$node->obfs_param}}');
  461. case 0:
  462. $('#method').selectpicker('val', '{{$node->method}}');
  463. break;
  464. case 2:
  465. //V2Ray
  466. $('#v2_alter_id').val('{{$node->v2_alter_id}}');
  467. $('#v2_method').selectpicker('val', '{{$node->v2_method}}');
  468. $('#v2_net').selectpicker('val', '{{$node->v2_net}}');
  469. $('#v2_type').selectpicker('val', '{{$node->v2_type}}');
  470. $('#v2_host').val('{{$node->v2_host}}');
  471. $('#v2_port').val('{{$node->port}}');
  472. $('#v2_sni').val('{{$node->v2_sni}}');
  473. v2_path.val('{{$node->v2_path}}');
  474. @if($node->v2_tls)
  475. $('#v2_tls').click();
  476. @endif
  477. $('#tls_provider').val('{!! $node->tls_provider !!}');
  478. break;
  479. case 3:
  480. $('#trojan_port').val('{{$node->port}}');
  481. break;
  482. default:
  483. }
  484. @if($node->is_relay)
  485. // 中转
  486. $('#is_relay').click();
  487. $('#relay_port').val('{{$node->relay_port}}');
  488. $('#relay_server').val('{{$node->relay_server}}');
  489. @endif
  490. @else
  491. $('input[name=\'type\'][value=\'0\']').click();
  492. $('#status').click();
  493. $('#is_udp').click();
  494. $('#is_subscribe').click();
  495. v2_path.val('/' + string);
  496. @endisset
  497. if ($('#obfs').val() === 'plain') {
  498. $('.obfs_param').hide();
  499. }
  500. });
  501. // ajax同步提交
  502. function Submit() {
  503. const type = $('input[name=\'type\']:checked').val();
  504. let port;
  505. switch (type) {
  506. case '2':
  507. port = $('#v2_port').val();
  508. break;
  509. case '3':
  510. port = $('#trojan_port').val();
  511. break;
  512. case '0':
  513. case '1':
  514. case '4':
  515. default:
  516. port = $('#single_port').val();
  517. }
  518. $.ajax({
  519. method: @isset($node) 'PUT' @else 'POST' @endisset,
  520. url: '{{isset($node)? route('admin.node.update', $node) : route('admin.node.store')}}',
  521. dataType: 'json',
  522. data: {
  523. _token: '{{csrf_token()}}',
  524. is_ddns: document.getElementById('is_ddns').checked ? 1 : 0,
  525. name: $('#name').val(),
  526. server: $('#server').val(),
  527. ip: $('#ip').val(),
  528. ipv6: $('#ipv6').val(),
  529. push_port: $('#push_port').val(),
  530. traffic_rate: $('#traffic_rate').val(),
  531. level: $('#level').val(),
  532. rule_group_id: $('#ruleGroup').val(),
  533. speed_limit: $('#speed_limit').val(),
  534. client_limit: $('#client_limit').val(),
  535. labels: $('#labels').val(),
  536. country_code: $('#country_code option:selected').val(),
  537. description: $('#description').val(),
  538. sort: $('#sort').val(),
  539. is_udp: document.getElementById('is_udp').checked ? 1 : 0,
  540. status: document.getElementById('status').checked ? 1 : 0,
  541. type: type,
  542. method: $('#method').val(),
  543. protocol: $('#protocol').val(),
  544. protocol_param: $('#protocol_param').val(),
  545. obfs: $('#obfs').val(),
  546. obfs_param: $('#obfs_param').val(),
  547. compatible: document.getElementById('compatible').checked ? 1 : 0,
  548. is_subscribe: document.getElementById('is_subscribe').checked ? 1 : 0,
  549. detection_type: $('input[name=\'detection_type\']:checked').val(),
  550. single: document.getElementById('single').checked ? 1 : 0,
  551. port: port,
  552. passwd: $('#passwd').val(),
  553. v2_alter_id: $('#v2_alter_id').val(),
  554. v2_method: $('#v2_method').val(),
  555. v2_net: $('#v2_net').val(),
  556. v2_type: $('#v2_type').val(),
  557. v2_host: $('#v2_host').val(),
  558. v2_path: $('#v2_path').val(),
  559. v2_sni: $('#v2_sni').val(),
  560. v2_port: $('#v2_port').val(),
  561. v2_tls: document.getElementById('v2_tls').checked ? 1 : 0,
  562. tls_provider: $('#tls_provider').val(),
  563. is_relay: document.getElementById('is_relay').checked ? 1 : 0,
  564. relay_port: $('#relay_port').val(),
  565. relay_server: $('#relay_server').val(),
  566. },
  567. success: function(ret) {
  568. if (ret.status === 'success') {
  569. swal.fire({
  570. title: ret.message,
  571. icon: 'success',
  572. timer: 1000,
  573. showConfirmButton: false,
  574. }).then(() => window.location.href = '{{route('admin.node.index').(Request::getQueryString()?('?'.Request::getQueryString()):'') }}');
  575. } else {
  576. swal.fire({title: '[错误 | Error]', text: ret.message, icon: 'error'});
  577. }
  578. },
  579. error: function(data) {
  580. let str = '';
  581. const errors = data.responseJSON;
  582. if ($.isEmptyObject(errors) === false) {
  583. $.each(errors.errors, function(index, value) {
  584. str += '<li>' + value + '</li>';
  585. });
  586. swal.fire({title: '提示', html: str, icon: 'error', confirmButtonText: '{{trans('common.confirm')}}'});
  587. }
  588. },
  589. });
  590. return false;
  591. }
  592. function switchSetting(id) {
  593. let check = document.getElementById(id).checked ? 1 : 0;
  594. switch (id) {
  595. // 设置单端口多用户
  596. case 'single':
  597. if (check) {
  598. $('.single-setting').show();
  599. $('#single_port').attr('required', true);
  600. } else {
  601. $('#single_port').val('').removeAttr('required');
  602. $('#passwd').val('');
  603. $('.single-setting').hide();
  604. }
  605. break;
  606. //设置中转
  607. case 'is_relay':
  608. if (check) {
  609. $('.relay-setting').show();
  610. $('#relay_port').attr('required', true);
  611. $('#relay_server').attr('required', true);
  612. } else {
  613. $('.relay-setting').hide();
  614. $('#relay_port').removeAttr('required');
  615. $('#relay_server').removeAttr('required');
  616. }
  617. break;
  618. // 设置是否使用DDNS
  619. case 'is_ddns':
  620. if (check) {
  621. $('#ip').val('').attr('readonly', true);
  622. $('#ipv6').val('').attr('readonly', true);
  623. $('#server').attr('required', true);
  624. } else {
  625. $('#ip').removeAttr('readonly');
  626. $('#ipv6').removeAttr('readonly');
  627. $('#server').removeAttr('required');
  628. }
  629. break;
  630. default:
  631. break;
  632. }
  633. }
  634. // 设置服务类型
  635. $('input:radio[name=\'type\']').on('change', function() {
  636. const type = parseInt($(this).val());
  637. const $ss_setting = $('.ss-setting');
  638. const $ssr_setting = $('.ssr-setting');
  639. const $v2ray_setting = $('.v2ray-setting');
  640. const $trojan_setting = $('.trojan-setting');
  641. $ssr_setting.hide();
  642. $ss_setting.hide();
  643. $v2ray_setting.hide();
  644. $trojan_setting.hide();
  645. $('#v2_port').removeAttr('required');
  646. $('#trojan_port').removeAttr('required');
  647. switch (type) {
  648. case 0:
  649. $ss_setting.show();
  650. break;
  651. case 2:
  652. $v2ray_setting.show();
  653. $('#v2_port').val('').attr('required', true);
  654. $('#v2_net').selectpicker('val', 'tcp');
  655. break;
  656. case 3:
  657. $trojan_setting.show();
  658. $('#trojan_port').val('').attr('required', true);
  659. break;
  660. case 1:
  661. case 4:
  662. $ss_setting.show();
  663. $ssr_setting.show();
  664. break;
  665. default:
  666. }
  667. });
  668. $('#obfs').on('changed.bs.select', function() {
  669. const obfs_param = $('.obfs_param');
  670. if ($('#obfs').val() === 'plain') {
  671. $('#obfs_param').val('');
  672. obfs_param.hide();
  673. } else {
  674. obfs_param.show();
  675. }
  676. });
  677. // 设置V2Ray详细设置
  678. $('#v2_net').on('changed.bs.select', function() {
  679. const type = $('.v2_type');
  680. const type_option = $('#type_option');
  681. const host = $('.v2_host');
  682. const path = $('#v2_path');
  683. const v2_other = $('[name="v2_other"]');
  684. type.show();
  685. host.show();
  686. v2_other.show();
  687. path.val('/' + string);
  688. switch ($(this).val()) {
  689. case 'kcp':
  690. type_option.attr('disabled', false);
  691. break;
  692. case 'ws':
  693. type.hide();
  694. break;
  695. case 'http':
  696. type.hide();
  697. break;
  698. case 'domainsocket':
  699. type.hide();
  700. host.hide();
  701. break;
  702. case 'quic':
  703. type_option.attr('disabled', false);
  704. path.val(string);
  705. break;
  706. case 'tcp':
  707. default:
  708. type_option.attr('disabled', true);
  709. break;
  710. }
  711. $('#v2_type').selectpicker('refresh');
  712. });
  713. // 服务条款
  714. function showTnc() {
  715. const content =
  716. '<ol>' +
  717. '<li>请勿直接复制黏贴以下配置,SSR(R)会报错的</li>' +
  718. '<li>确保服务器时间为CST</li>' +
  719. '</ol>' +
  720. '&emsp;&emsp;"additional_ports" : {<br />' +
  721. '&emsp;&emsp;&emsp;"443": {<br />' +
  722. '&emsp;&emsp;&emsp;&emsp;"passwd": "ProxyPanel",<br />' +
  723. '&emsp;&emsp;&emsp;&emsp;"method": "none",<br />' +
  724. '&emsp;&emsp;&emsp;&emsp;"protocol": "auth_chain_a",<br />' +
  725. '&emsp;&emsp;&emsp;&emsp;"protocol_param": "#",<br />' +
  726. '&emsp;&emsp;&emsp;&emsp;"obfs": "plain",<br />' +
  727. '&emsp;&emsp;&emsp;&emsp;"obfs_param": "fe2.update.microsoft.com"<br />' +
  728. '&emsp;&emsp;&emsp;}<br />' +
  729. '&emsp;&emsp;},';
  730. swal.fire({
  731. title: '[节点 user-config.json 配置示例]',
  732. html: '<div class="p-10 bg-grey-900 text-white font-weight-300 text-left" style="line-height: 22px;">' +
  733. content + '</div>',
  734. icon: 'info',
  735. });
  736. }
  737. // 模式提示
  738. function showPortsOnlyConfig() {
  739. const content = '严格模式:"additional_ports_only": "true"'
  740. + '<br><br>'
  741. + '兼容模式:"additional_ports_only": "false"';
  742. swal.fire({
  743. title: '[节点 user-config.json 配置示例]',
  744. html: '<div class="p-10 bg-grey-900 text-white font-weight-300 text-left" style="line-height: 22px;">' +
  745. content + '</div>',
  746. icon: 'info',
  747. });
  748. }
  749. </script>
  750. @endsection