settings.html 69 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. {{template "head" .}}
  4. <style>
  5. @media (min-width: 769px) {
  6. .ant-layout-content {
  7. margin: 24px 16px;
  8. }
  9. }
  10. .ant-col-sm-24 {
  11. margin-top: 10px;
  12. }
  13. .ant-tabs-bar {
  14. margin: 0;
  15. }
  16. .ant-list-item {
  17. display: block;
  18. }
  19. :not(.ant-card-dark)>.ant-tabs-top-bar {
  20. background: white;
  21. }
  22. .alert-msg {
  23. color: rgb(194, 117, 18);
  24. font-weight: normal;
  25. font-size: 16px;
  26. padding: .5rem 1rem;
  27. text-align: center;
  28. background: rgb(255 145 0 / 15%);
  29. margin: 1.5rem 2.5rem 0rem 2.5rem;
  30. border-radius: .5rem;
  31. transition: all 0.5s;
  32. animation: signal 3s cubic-bezier(0.18, 0.89, 0.32, 1.28) infinite;
  33. }
  34. .alert-msg:hover {
  35. cursor: default;
  36. transition-duration: .3s;
  37. animation: signal 0.9s ease infinite;
  38. }
  39. @keyframes signal{
  40. 0%{
  41. box-shadow: 0 0 0 0 rgba(194, 118, 18, 0.5);
  42. }
  43. 50%{
  44. box-shadow: 0 0 0 6px rgba(0 ,0,0,0);
  45. }
  46. 100%{
  47. box-shadow: 0 0 0 6px rgba(0 ,0,0,0);
  48. }
  49. }
  50. .alert-msg > i {
  51. color: inherit;
  52. font-size: 24px;
  53. }
  54. .collapse-title {
  55. color: inherit;
  56. font-weight: bold;
  57. font-size: 18px;
  58. padding: 10px 20px;
  59. border-bottom: 2px solid;
  60. }
  61. .collapse-title > i {
  62. color: inherit;
  63. font-size: 24px;
  64. }
  65. </style>
  66. <body>
  67. <a-layout id="app" v-cloak>
  68. {{ template "commonSider" . }}
  69. <a-layout id="content-layout" :style="themeSwitcher.bgStyle">
  70. <a-layout-content>
  71. <a-spin :spinning="spinning" :delay="500" tip="loading">
  72. <a-space direction="vertical">
  73. <a-space direction="horizontal">
  74. <a-button type="primary" :disabled="saveBtnDisable" @click="updateAllSetting">{{ i18n "pages.settings.save" }}</a-button>
  75. <a-button type="danger" :disabled="!saveBtnDisable" @click="restartPanel">{{ i18n "pages.settings.restartPanel" }}</a-button>
  76. </a-space>
  77. <a-tabs style="margin:1rem 0.5rem;" default-active-key="1" :class="themeSwitcher.darkCardClass">
  78. <a-tab-pane key="1" tab='{{ i18n "pages.settings.panelSettings"}}'>
  79. <a-row :xs="24" :sm="24" :lg="12">
  80. <h2 class="alert-msg">
  81. <a-icon type="warning"></a-icon>
  82. {{ i18n "pages.settings.infoDesc" }}
  83. </h2>
  84. </a-row>
  85. <a-list item-layout="horizontal" :style="themeSwitcher.textStyle">
  86. <setting-list-item type="text" title='{{ i18n "pages.settings.panelListeningIP"}}' desc='{{ i18n "pages.settings.panelListeningIPDesc"}}' v-model="allSetting.webListen"></setting-list-item>
  87. <setting-list-item type="text" title='{{ i18n "pages.settings.panelListeningDomain"}}' desc='{{ i18n "pages.settings.panelListeningDomainDesc"}}' v-model="allSetting.webDomain"></setting-list-item>
  88. <setting-list-item type="number" title='{{ i18n "pages.settings.panelPort"}}' desc='{{ i18n "pages.settings.panelPortDesc"}}' v-model="allSetting.webPort" :min="0"></setting-list-item>
  89. <setting-list-item type="text" title='{{ i18n "pages.settings.publicKeyPath"}}' desc='{{ i18n "pages.settings.publicKeyPathDesc"}}' v-model="allSetting.webCertFile"></setting-list-item>
  90. <setting-list-item type="text" title='{{ i18n "pages.settings.privateKeyPath"}}' desc='{{ i18n "pages.settings.privateKeyPathDesc"}}' v-model="allSetting.webKeyFile"></setting-list-item>
  91. <setting-list-item type="text" title='{{ i18n "pages.settings.panelUrlPath"}}' desc='{{ i18n "pages.settings.panelUrlPathDesc"}}' v-model="allSetting.webBasePath"></setting-list-item>
  92. <setting-list-item type="number" title='{{ i18n "pages.settings.sessionMaxAge" }}' desc='{{ i18n "pages.settings.sessionMaxAgeDesc" }}' v-model="allSetting.sessionMaxAge" :min="0"></setting-list-item>
  93. <setting-list-item type="number" title='{{ i18n "pages.settings.expireTimeDiff" }}' desc='{{ i18n "pages.settings.expireTimeDiffDesc" }}' v-model="allSetting.expireDiff" :min="0"></setting-list-item>
  94. <setting-list-item type="number" title='{{ i18n "pages.settings.trafficDiff" }}' desc='{{ i18n "pages.settings.trafficDiffDesc" }}' v-model="allSetting.trafficDiff" :min="0"></setting-list-item>
  95. <setting-list-item type="text" title='{{ i18n "pages.settings.timeZone"}}' desc='{{ i18n "pages.settings.timeZoneDesc"}}' v-model="allSetting.timeLocation"></setting-list-item>
  96. <a-list-item>
  97. <a-row style="padding: 20px">
  98. <a-col :lg="24" :xl="12">
  99. <a-list-item-meta title="Language" />
  100. </a-col>
  101. <a-col :lg="24" :xl="12">
  102. <template>
  103. <a-select
  104. ref="selectLang"
  105. v-model="lang"
  106. @change="setLang(lang)"
  107. :dropdown-class-name="themeSwitcher.darkCardClass"
  108. style="width: 100%"
  109. >
  110. <a-select-option :value="l.value" :label="l.value" v-for="l in supportLangs">
  111. <span role="img" :aria-label="l.name" v-text="l.icon"></span>
  112. &nbsp;&nbsp;<span v-text="l.name"></span>
  113. </a-select-option>
  114. </a-select>
  115. </template>
  116. </a-col>
  117. </a-row>
  118. </a-list-item>
  119. </a-list>
  120. </a-tab-pane>
  121. <a-tab-pane key="2" tab='{{ i18n "pages.settings.securitySettings"}}' style="padding: 20px;">
  122. <a-tabs class="ant-card-dark-securitybox-nohover" default-active-key="sec-1" :class="themeSwitcher.darkCardClass">
  123. <a-tab-pane key="sec-1" tab='{{ i18n "pages.settings.security.admin"}}'>
  124. <a-form :style="'padding: 20px;' + themeSwitcher.textStyle">
  125. <a-form-item label='{{ i18n "pages.settings.oldUsername"}}'>
  126. <a-input v-model="user.oldUsername" style="max-width: 300px"></a-input>
  127. </a-form-item>
  128. <a-form-item label='{{ i18n "pages.settings.currentPassword"}}'>
  129. <password-input v-model="user.oldPassword" style="max-width: 300px"></password-input>
  130. </a-form-item>
  131. <a-form-item label='{{ i18n "pages.settings.newUsername"}}'>
  132. <a-input v-model="user.newUsername" style="max-width: 300px"></a-input>
  133. </a-form-item>
  134. <a-form-item label='{{ i18n "pages.settings.newPassword"}}'>
  135. <password-input v-model="user.newPassword" style="max-width: 300px"></password-input>
  136. </a-form-item>
  137. <a-form-item>
  138. <a-button type="primary" @click="updateUser">{{ i18n "confirm" }}</a-button>
  139. </a-form-item>
  140. </a-form>
  141. </a-tab-pane>
  142. <a-tab-pane key="sec-2" tab='{{ i18n "pages.settings.security.secret"}}'>
  143. <a-form :style="'padding: 20px;' + themeSwitcher.textStyle">
  144. <a-list-item style="padding: 20px">
  145. <a-row>
  146. <a-col :lg="24" :xl="12">
  147. <a-list-item-meta title='{{ i18n "pages.settings.security.loginSecurity" }}' description='{{ i18n "pages.settings.security.loginSecurityDesc" }}' />
  148. </a-col>
  149. <a-col :lg="24" :xl="12">
  150. <template>
  151. <a-switch @change="toggleToken(allSetting.secretEnable)" v-model="allSetting.secretEnable"></a-switch>
  152. </template>
  153. </a-col>
  154. </a-row>
  155. </a-list-item>
  156. <a-list-item style="padding: 20px">
  157. <a-row>
  158. <a-col :lg="24" :xl="12">
  159. <a-list-item-meta title='{{ i18n "pages.settings.security.secretToken" }}' description='{{ i18n "pages.settings.security.secretTokenDesc" }}' />
  160. </a-col>
  161. <a-col :lg="24" :xl="12">
  162. <svg
  163. @click="getNewSecret"
  164. xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="anticon anticon-question-circle" viewBox="0 0 16 16"><path d="M11.534 7h3.932a.25.25 0 0 1 .192.41l-1.966 2.36a.25.25 0 0 1-.384 0l-1.966-2.36a.25.25 0 0 1 .192-.41zm-11 2h3.932a.25.25 0 0 0 .192-.41L2.692 6.23a.25.25 0 0 0-.384 0L.342 8.59A.25.25 0 0 0 .534 9z"/><path fill-rule="evenodd" d="M8 3c-1.552 0-2.94.707-3.857 1.818a.5.5 0 1 1-.771-.636A6.002 6.002 0 0 1 13.917 7H12.9A5.002 5.002 0 0 0 8 3zM3.1 9a5.002 5.002 0 0 0 8.757 2.182.5.5 0 1 1 .771.636A6.002 6.002 0 0 1 2.083 9H3.1z"/>
  165. </svg>
  166. <template>
  167. <a-textarea type="text" id='token' :disabled="!allSetting.secretEnable" v-model="user.loginSecret"></a-textarea>
  168. </template>
  169. </a-col>
  170. </a-row>
  171. </a-list-item>
  172. <a-button type="primary" @click="updateSecret">{{ i18n "confirm" }}</a-button>
  173. </a-form>
  174. </a-tab-pane>
  175. </a-tabs>
  176. </a-tab-pane>
  177. <a-tab-pane key="3" tab='{{ i18n "pages.settings.xrayConfiguration"}}'>
  178. <a-list item-layout="horizontal" :style="themeSwitcher.textStyle">
  179. <a-divider style="padding: 20px;">{{ i18n "pages.settings.actions"}}</a-divider>
  180. <a-space direction="horizontal" style="padding: 0px 20px">
  181. <a-button type="primary" @click="resetXrayConfigToDefault">{{ i18n "pages.settings.resetDefaultConfig" }}</a-button>
  182. </a-space>
  183. <a-divider style="padding: 20px;">{{ i18n "pages.settings.templates.title"}} </a-divider>
  184. <a-row :xs="24" :sm="24" :lg="12">
  185. <h2 class="alert-msg">
  186. <a-icon type="warning"></a-icon>
  187. {{ i18n "pages.settings.infoDesc" }}
  188. </h2>
  189. </a-row>
  190. <a-tabs class="ant-card-dark-box-nohover" default-active-key="tpl-1" :class="themeSwitcher.darkCardClass" style="padding: 20px 20px;">
  191. <a-tab-pane key="tpl-1" tab='{{ i18n "pages.settings.templates.basicTemplate"}}' style="padding-top: 20px;">
  192. <a-collapse>
  193. <a-collapse-panel header='{{ i18n "pages.settings.templates.generalConfigs"}}'>
  194. <a-row :xs="24" :sm="24" :lg="12">
  195. <h2 class="collapse-title">
  196. <a-icon type="warning"></a-icon>
  197. {{ i18n "pages.settings.templates.generalConfigsDesc" }}
  198. </h2>
  199. </a-row>
  200. <a-list-item>
  201. <a-row style="padding: 20px">
  202. <a-col :lg="24" :xl="12">
  203. <a-list-item-meta
  204. title='{{ i18n "pages.settings.templates.xrayConfigFreedomStrategy" }}'
  205. description='{{ i18n "pages.settings.templates.xrayConfigFreedomStrategyDesc" }}'/>
  206. </a-col>
  207. <a-col :lg="24" :xl="12">
  208. <template>
  209. <a-select
  210. v-model="freedomStrategy"
  211. :dropdown-class-name="themeSwitcher.darkCardClass"
  212. style="width: 100%">
  213. <a-select-option v-for="s in outboundDomainStrategies" :value="s">[[ s ]]</a-select-option>
  214. </a-select>
  215. </template>
  216. </a-col>
  217. </a-row>
  218. </a-list-item>
  219. <a-row style="padding: 20px">
  220. <a-col :lg="24" :xl="12">
  221. <a-list-item-meta
  222. title='{{ i18n "pages.settings.templates.xrayConfigRoutingStrategy" }}'
  223. description='{{ i18n "pages.settings.templates.xrayConfigRoutingStrategyDesc" }}'/>
  224. </a-col>
  225. <a-col :lg="24" :xl="12">
  226. <template>
  227. <a-select
  228. v-model="routingStrategy"
  229. :dropdown-class-name="themeSwitcher.darkCardClass"
  230. style="width: 100%">
  231. <a-select-option v-for="s in routingDomainStrategies" :value="s">[[ s ]]</a-select-option>
  232. </a-select>
  233. </template>
  234. </a-col>
  235. </a-row>
  236. </a-list-item>
  237. </a-collapse-panel>
  238. <a-collapse-panel header='{{ i18n "pages.settings.templates.blockConfigs"}}'>
  239. <a-row :xs="24" :sm="24" :lg="12">
  240. <h2 class="collapse-title">
  241. <a-icon type="warning"></a-icon>
  242. {{ i18n "pages.settings.templates.blockConfigsDesc" }}
  243. </h2>
  244. </a-row>
  245. <setting-list-item type="switch" title='{{ i18n "pages.settings.templates.xrayConfigTorrent"}}' desc='{{ i18n "pages.settings.templates.xrayConfigTorrentDesc"}}' v-model="torrentSettings"></setting-list-item>
  246. <setting-list-item type="switch" title='{{ i18n "pages.settings.templates.xrayConfigPrivateIp"}}' desc='{{ i18n "pages.settings.templates.xrayConfigPrivateIpDesc"}}' v-model="privateIpSettings"></setting-list-item>
  247. <setting-list-item type="switch" title='{{ i18n "pages.settings.templates.xrayConfigAds"}}' desc='{{ i18n "pages.settings.templates.xrayConfigAdsDesc"}}' v-model="AdsSettings"></setting-list-item>
  248. <setting-list-item type="switch" title='{{ i18n "pages.settings.templates.xrayConfigFamily"}}' desc='{{ i18n "pages.settings.templates.xrayConfigFamilyDesc"}}' v-model="familyProtectSettings"></setting-list-item>
  249. <setting-list-item type="switch" title='{{ i18n "pages.settings.templates.xrayConfigSpeedtest"}}' desc='{{ i18n "pages.settings.templates.xrayConfigSpeedtestDesc"}}' v-model="SpeedTestSettings"></setting-list-item>
  250. </a-collapse-panel>
  251. <a-collapse-panel header='{{ i18n "pages.settings.templates.blockCountryConfigs"}}'>
  252. <a-row :xs="24" :sm="24" :lg="12">
  253. <h2 class="collapse-title">
  254. <a-icon type="warning"></a-icon>
  255. {{ i18n "pages.settings.templates.blockCountryConfigsDesc" }}
  256. </h2>
  257. </a-row>
  258. <setting-list-item type="switch" title='{{ i18n "pages.settings.templates.xrayConfigIRIp"}}' desc='{{ i18n "pages.settings.templates.xrayConfigIRIpDesc"}}' v-model="IRIpSettings"></setting-list-item>
  259. <setting-list-item type="switch" title='{{ i18n "pages.settings.templates.xrayConfigIRDomain"}}' desc='{{ i18n "pages.settings.templates.xrayConfigIRDomainDesc"}}' v-model="IRDomainSettings"></setting-list-item>
  260. <setting-list-item type="switch" title='{{ i18n "pages.settings.templates.xrayConfigChinaIp"}}' desc='{{ i18n "pages.settings.templates.xrayConfigChinaIpDesc"}}' v-model="ChinaIpSettings"></setting-list-item>
  261. <setting-list-item type="switch" title='{{ i18n "pages.settings.templates.xrayConfigChinaDomain"}}' desc='{{ i18n "pages.settings.templates.xrayConfigChinaDomainDesc"}}' v-model="ChinaDomainSettings"></setting-list-item>
  262. <setting-list-item type="switch" title='{{ i18n "pages.settings.templates.xrayConfigRussiaIp"}}' desc='{{ i18n "pages.settings.templates.xrayConfigRussiaIpDesc"}}' v-model="RussiaIpSettings"></setting-list-item>
  263. <setting-list-item type="switch" title='{{ i18n "pages.settings.templates.xrayConfigRussiaDomain"}}' desc='{{ i18n "pages.settings.templates.xrayConfigRussiaDomainDesc"}}' v-model="RussiaDomainSettings"></setting-list-item>
  264. </a-collapse-panel>
  265. <a-collapse-panel header='{{ i18n "pages.settings.templates.directCountryConfigs"}}'>
  266. <a-row :xs="24" :sm="24" :lg="12">
  267. <h2 class="collapse-title">
  268. <a-icon type="warning"></a-icon>
  269. {{ i18n "pages.settings.templates.directCountryConfigsDesc" }}
  270. </h2>
  271. </a-row>
  272. <setting-list-item type="switch" title='{{ i18n "pages.settings.templates.xrayConfigDirectIRIp"}}' desc='{{ i18n "pages.settings.templates.xrayConfigDirectIRIpDesc"}}' v-model="IRIpDirectSettings"></setting-list-item>
  273. <setting-list-item type="switch" title='{{ i18n "pages.settings.templates.xrayConfigDirectIRDomain"}}' desc='{{ i18n "pages.settings.templates.xrayConfigDirectIRDomainDesc"}}' v-model="IRDomainDirectSettings"></setting-list-item>
  274. <setting-list-item type="switch" title='{{ i18n "pages.settings.templates.xrayConfigDirectChinaIp"}}' desc='{{ i18n "pages.settings.templates.xrayConfigDirectChinaIpDesc"}}' v-model="ChinaIpDirectSettings"></setting-list-item>
  275. <setting-list-item type="switch" title='{{ i18n "pages.settings.templates.xrayConfigDirectChinaDomain"}}' desc='{{ i18n "pages.settings.templates.xrayConfigDirectChinaDomainDesc"}}' v-model="ChinaDomainDirectSettings"></setting-list-item>
  276. <setting-list-item type="switch" title='{{ i18n "pages.settings.templates.xrayConfigDirectRussiaIp"}}' desc='{{ i18n "pages.settings.templates.xrayConfigDirectRussiaIpDesc"}}' v-model="RussiaIpDirectSettings"></setting-list-item>
  277. <setting-list-item type="switch" title='{{ i18n "pages.settings.templates.xrayConfigDirectRussiaDomain"}}' desc='{{ i18n "pages.settings.templates.xrayConfigDirectRussiaDomainDesc"}}' v-model="RussiaDomainDirectSettings"></setting-list-item>
  278. </a-collapse-panel>
  279. <a-collapse-panel header='{{ i18n "pages.settings.templates.ipv4Configs"}}'>
  280. <a-row :xs="24" :sm="24" :lg="12">
  281. <h2 class="collapse-title">
  282. <a-icon type="warning"></a-icon>
  283. {{ i18n "pages.settings.templates.ipv4ConfigsDesc" }}
  284. </h2>
  285. </a-row>
  286. <setting-list-item type="switch" title='{{ i18n "pages.settings.templates.xrayConfigGoogleIPv4"}}' desc='{{ i18n "pages.settings.templates.xrayConfigGoogleIPv4Desc"}}' v-model="GoogleIPv4Settings"></setting-list-item>
  287. <setting-list-item type="switch" title='{{ i18n "pages.settings.templates.xrayConfigNetflixIPv4"}}' desc='{{ i18n "pages.settings.templates.xrayConfigNetflixIPv4Desc"}}' v-model="NetflixIPv4Settings"></setting-list-item>
  288. </a-collapse-panel>
  289. <a-collapse-panel header='{{ i18n "pages.settings.templates.warpConfigs"}}'>
  290. <a-row :xs="24" :sm="24" :lg="12">
  291. <h2 class="collapse-title">
  292. <a-icon type="warning"></a-icon>
  293. {{ i18n "pages.settings.templates.warpConfigsDesc" }}
  294. </h2>
  295. </a-row>
  296. <setting-list-item type="switch" title='{{ i18n "pages.settings.templates.xrayConfigGoogleWARP"}}' desc='{{ i18n "pages.settings.templates.xrayConfigGoogleWARPDesc"}}' v-model="GoogleWARPSettings"></setting-list-item>
  297. <setting-list-item type="switch" title='{{ i18n "pages.settings.templates.xrayConfigOpenAIWARP"}}' desc='{{ i18n "pages.settings.templates.xrayConfigOpenAIWARPDesc"}}' v-model="OpenAIWARPSettings"></setting-list-item>
  298. <setting-list-item type="switch" title='{{ i18n "pages.settings.templates.xrayConfigNetflixWARP"}}' desc='{{ i18n "pages.settings.templates.xrayConfigNetflixWARPDesc"}}' v-model="NetflixWARPSettings"></setting-list-item>
  299. <setting-list-item type="switch" title='{{ i18n "pages.settings.templates.xrayConfigSpotifyWARP"}}' desc='{{ i18n "pages.settings.templates.xrayConfigSpotifyWARPDesc"}}' v-model="SpotifyWARPSettings"></setting-list-item>
  300. </a-collapse-panel>
  301. </a-collapse>
  302. </a-tab-pane>
  303. <a-tab-pane key="tpl-2" tab='{{ i18n "pages.settings.templates.manualLists"}}' style="padding-top: 20px;">
  304. <a-row :xs="24" :sm="24" :lg="12">
  305. <h2 class="collapse-title">
  306. <a-icon type="warning"></a-icon>
  307. {{ i18n "pages.settings.templates.manualListsDesc" }}
  308. </h2>
  309. </a-row>
  310. <a-collapse>
  311. <a-collapse-panel header='{{ i18n "pages.settings.templates.manualBlockedIPs"}}'>
  312. <setting-list-item type="textarea" v-model="manualBlockedIPs"></setting-list-item>
  313. </a-collapse-panel>
  314. <a-collapse-panel header='{{ i18n "pages.settings.templates.manualBlockedDomains"}}'>
  315. <setting-list-item type="textarea" v-model="manualBlockedDomains"></setting-list-item>
  316. </a-collapse-panel>
  317. <a-collapse-panel header='{{ i18n "pages.settings.templates.manualDirectIPs"}}'>
  318. <setting-list-item type="textarea" v-model="manualDirectIPs"></setting-list-item>
  319. </a-collapse-panel>
  320. <a-collapse-panel header='{{ i18n "pages.settings.templates.manualDirectDomains"}}'>
  321. <setting-list-item type="textarea" v-model="manualDirectDomains"></setting-list-item>
  322. </a-collapse-panel>
  323. <a-collapse-panel header='{{ i18n "pages.settings.templates.manualIPv4Domains"}}'>
  324. <setting-list-item type="textarea" v-model="manualIPv4Domains"></setting-list-item>
  325. </a-collapse-panel>
  326. <a-collapse-panel header='{{ i18n "pages.settings.templates.manualWARPDomains"}}'>
  327. <setting-list-item type="textarea" v-model="manualWARPDomains"></setting-list-item>
  328. </a-collapse-panel>
  329. </a-collapse>
  330. </a-tab-pane>
  331. <a-tab-pane key="tpl-3" tab='{{ i18n "pages.settings.templates.advancedTemplate"}}' style="padding-top: 20px;">
  332. <a-collapse>
  333. <a-collapse-panel header='{{ i18n "pages.settings.templates.xrayConfigInbounds"}}'>
  334. <setting-list-item type="textarea" title='{{ i18n "pages.settings.templates.xrayConfigInbounds"}}' desc='{{ i18n "pages.settings.templates.xrayConfigInboundsDesc"}}' v-model="inboundSettings"></setting-list-item>
  335. </a-collapse-panel>
  336. <a-collapse-panel header='{{ i18n "pages.settings.templates.xrayConfigOutbounds"}}'>
  337. <setting-list-item type="textarea" title='{{ i18n "pages.settings.templates.xrayConfigOutbounds"}}' desc='{{ i18n "pages.settings.templates.xrayConfigOutboundsDesc"}}' v-model="outboundSettings"></setting-list-item>
  338. </a-collapse-panel>
  339. <a-collapse-panel header='{{ i18n "pages.settings.templates.xrayConfigRoutings"}}'>
  340. <setting-list-item type="textarea" title='{{ i18n "pages.settings.templates.xrayConfigRoutings"}}' desc='{{ i18n "pages.settings.templates.xrayConfigRoutingsDesc"}}' v-model="routingRuleSettings"></setting-list-item>
  341. </a-collapse-panel>
  342. </a-collapse>
  343. </a-tab-pane>
  344. <a-tab-pane key="tpl-4" tab='{{ i18n "pages.settings.templates.completeTemplate"}}' style="padding-top: 20px;">
  345. <setting-list-item type="textarea" title='{{ i18n "pages.settings.templates.xrayConfigTemplate"}}' desc='{{ i18n "pages.settings.templates.xrayConfigTemplateDesc"}}' v-model="allSetting.xrayTemplateConfig"></setting-list-item>
  346. </a-tab-pane>
  347. </a-tabs>
  348. </a-list>
  349. </a-tab-pane>
  350. <a-tab-pane key="4" tab='{{ i18n "pages.settings.TGBotSettings"}}'>
  351. <a-row :xs="24" :sm="24" :lg="12">
  352. <h2 class="alert-msg">
  353. <a-icon type="warning"></a-icon>
  354. {{ i18n "pages.settings.infoDesc" }}
  355. </h2>
  356. </a-row>
  357. <a-list item-layout="horizontal" :style="themeSwitcher.textStyle">
  358. <setting-list-item type="switch" title='{{ i18n "pages.settings.telegramBotEnable" }}' desc='{{ i18n "pages.settings.telegramBotEnableDesc" }}' v-model="allSetting.tgBotEnable"></setting-list-item>
  359. <setting-list-item type="text" title='{{ i18n "pages.settings.telegramToken"}}' desc='{{ i18n "pages.settings.telegramTokenDesc"}}' v-model="allSetting.tgBotToken"></setting-list-item>
  360. <setting-list-item type="text" title='{{ i18n "pages.settings.telegramChatId"}}' desc='{{ i18n "pages.settings.telegramChatIdDesc"}}' v-model="allSetting.tgBotChatId"></setting-list-item>
  361. <setting-list-item type="text" title='{{ i18n "pages.settings.telegramNotifyTime"}}' desc='{{ i18n "pages.settings.telegramNotifyTimeDesc"}}' v-model="allSetting.tgRunTime"></setting-list-item>
  362. <setting-list-item type="switch" title='{{ i18n "pages.settings.tgNotifyBackup" }}' desc='{{ i18n "pages.settings.tgNotifyBackupDesc" }}' v-model="allSetting.tgBotBackup"></setting-list-item>
  363. <setting-list-item type="switch" title='{{ i18n "pages.settings.tgNotifyLogin" }}' desc='{{ i18n "pages.settings.tgNotifyLoginDesc" }}' v-model="allSetting.tgBotLoginNotify"></setting-list-item>
  364. <setting-list-item type="number" title='{{ i18n "pages.settings.tgNotifyCpu" }}' desc='{{ i18n "pages.settings.tgNotifyCpuDesc" }}' v-model="allSetting.tgCpu" :min="0" :max="100"></setting-list-item>
  365. <a-list-item>
  366. <a-row style="padding: 20px">
  367. <a-col :lg="24" :xl="12">
  368. <a-list-item-meta title="Telegram Bot Language" />
  369. </a-col>
  370. <a-col :lg="24" :xl="12">
  371. <template>
  372. <a-select
  373. ref="selectBotLang"
  374. v-model="allSetting.tgLang"
  375. :dropdown-class-name="themeSwitcher.darkCardClass"
  376. style="width: 100%"
  377. >
  378. <a-select-option :value="l.value" :label="l.value" v-for="l in supportLangs">
  379. <span role="img" :aria-label="l.name" v-text="l.icon"></span>
  380. &nbsp;&nbsp;<span v-text="l.name"></span>
  381. </a-select-option>
  382. </a-select>
  383. </template>
  384. </a-col>
  385. </a-row>
  386. </a-list-item>
  387. </a-list>
  388. </a-tab-pane>
  389. <a-tab-pane key="5" tab='{{ i18n "pages.settings.subSettings" }}'>
  390. <a-row :xs="24" :sm="24" :lg="12">
  391. <h2 class="alert-msg">
  392. <a-icon type="warning"></a-icon>
  393. {{ i18n "pages.settings.infoDesc" }}
  394. </h2>
  395. </a-row>
  396. <a-list item-layout="horizontal" :style="themeSwitcher.textStyle">
  397. <setting-list-item type="switch" title='{{ i18n "pages.settings.subEnable"}}' desc='{{ i18n "pages.settings.subEnableDesc"}}' v-model="allSetting.subEnable"></setting-list-item>
  398. <setting-list-item type="switch" title='{{ i18n "pages.settings.subEncrypt"}}' desc='{{ i18n "pages.settings.subEncryptDesc"}}' v-model="allSetting.subEncrypt"></setting-list-item>
  399. <setting-list-item type="switch" title='{{ i18n "pages.settings.subShowInfo"}}' desc='{{ i18n "pages.settings.subShowInfoDesc"}}' v-model="allSetting.subShowInfo"></setting-list-item>
  400. <setting-list-item type="text" title='{{ i18n "pages.settings.subListen"}}' desc='{{ i18n "pages.settings.subListenDesc"}}' v-model="allSetting.subListen"></setting-list-item>
  401. <setting-list-item type="text" title='{{ i18n "pages.settings.subDomain"}}' desc='{{ i18n "pages.settings.subDomainDesc"}}' v-model="allSetting.subDomain"></setting-list-item>
  402. <setting-list-item type="number" title='{{ i18n "pages.settings.subPort"}}' desc='{{ i18n "pages.settings.subPortDesc"}}' v-model.number="allSetting.subPort"></setting-list-item>
  403. <setting-list-item type="text" title='{{ i18n "pages.settings.subPath"}}' desc='{{ i18n "pages.settings.subPathDesc"}}' v-model="allSetting.subPath"></setting-list-item>
  404. <setting-list-item type="text" title='{{ i18n "pages.settings.subCertPath"}}' desc='{{ i18n "pages.settings.subCertPathDesc"}}' v-model="allSetting.subCertFile"></setting-list-item>
  405. <setting-list-item type="text" title='{{ i18n "pages.settings.subKeyPath"}}' desc='{{ i18n "pages.settings.subKeyPathDesc"}}' v-model="allSetting.subKeyFile"></setting-list-item>
  406. <setting-list-item type="number" title='{{ i18n "pages.settings.subUpdates"}}' desc='{{ i18n "pages.settings.subUpdatesDesc"}}' v-model="allSetting.subUpdates"></setting-list-item>
  407. </a-list>
  408. </a-tab-pane>
  409. </a-tabs>
  410. </a-space>
  411. </a-spin>
  412. </a-layout-content>
  413. </a-layout>
  414. </a-layout>
  415. {{template "js" .}}
  416. {{template "component/themeSwitcher" .}}
  417. {{template "component/password" .}}
  418. {{template "component/setting"}}
  419. <script>
  420. const app = new Vue({
  421. delimiters: ['[[', ']]'],
  422. el: '#app',
  423. data: {
  424. siderDrawer,
  425. themeSwitcher,
  426. spinning: false,
  427. oldAllSetting: new AllSetting(),
  428. allSetting: new AllSetting(),
  429. saveBtnDisable: true,
  430. user: new User(),
  431. lang: getLang(),
  432. ipv4Settings: {
  433. tag: "IPv4",
  434. protocol: "freedom",
  435. settings: {
  436. domainStrategy: "UseIPv4"
  437. }
  438. },
  439. warpSettings: {
  440. tag: "WARP",
  441. protocol: "socks",
  442. settings: {
  443. servers: [
  444. {
  445. address: "127.0.0.1",
  446. port: 40000
  447. }
  448. ]
  449. }
  450. },
  451. directSettings: {
  452. tag: "direct",
  453. protocol: "freedom"
  454. },
  455. outboundDomainStrategies: ["AsIs", "UseIP", "UseIPv4", "UseIPv6"],
  456. routingDomainStrategies: ["AsIs", "IPIfNonMatch", "IPOnDemand"],
  457. settingsData: {
  458. protocols: {
  459. bittorrent: ["bittorrent"],
  460. },
  461. ips: {
  462. local: ["geoip:private"],
  463. cn: ["geoip:cn"],
  464. ir: ["geoip:ir"],
  465. ru: ["geoip:ru"],
  466. },
  467. domains: {
  468. ads: [
  469. "geosite:category-ads-all",
  470. "ext:iran.dat:ads"
  471. ],
  472. speedtest: ["geosite:speedtest"],
  473. openai: ["geosite:openai"],
  474. google: ["geosite:google"],
  475. spotify: ["geosite:spotify"],
  476. netflix: ["geosite:netflix"],
  477. cn: [
  478. "geosite:cn",
  479. "regexp:.*\\.cn$"
  480. ],
  481. ru: [
  482. "geosite:category-gov-ru",
  483. "regexp:.*\\.ru$"
  484. ],
  485. ir: [
  486. "regexp:.*\\.ir$",
  487. "regexp:.*\\.xn--mgba3a4f16a$", // .ایران
  488. "ext:iran.dat:ir",
  489. "ext:iran.dat:other",
  490. "geosite:category-ir"
  491. ]
  492. },
  493. familyProtectDNS: {
  494. "servers": [
  495. "1.1.1.3", // https://developers.cloudflare.com/1.1.1.1/setup/
  496. "1.0.0.3",
  497. "94.140.14.15", // https://adguard-dns.io/kb/general/dns-providers/
  498. "94.140.15.16"
  499. ],
  500. "queryStrategy": "UseIPv4"
  501. },
  502. }
  503. },
  504. methods: {
  505. loading(spinning = true) {
  506. this.spinning = spinning;
  507. },
  508. async getAllSetting() {
  509. this.loading(true);
  510. const msg = await HttpUtil.post("/panel/setting/all");
  511. this.loading(false);
  512. if (msg.success) {
  513. this.oldAllSetting = new AllSetting(msg.obj);
  514. this.allSetting = new AllSetting(msg.obj);
  515. this.saveBtnDisable = true;
  516. }
  517. await this.fetchUserSecret();
  518. },
  519. async updateAllSetting() {
  520. this.loading(true);
  521. const msg = await HttpUtil.post("/panel/setting/update", this.allSetting);
  522. this.loading(false);
  523. if (msg.success) {
  524. await this.getAllSetting();
  525. }
  526. },
  527. async updateUser() {
  528. this.loading(true);
  529. const msg = await HttpUtil.post("/panel/setting/updateUser", this.user);
  530. this.loading(false);
  531. if (msg.success) {
  532. this.user = {};
  533. window.location.replace(basePath + "logout");
  534. }
  535. },
  536. async restartPanel() {
  537. await new Promise(resolve => {
  538. this.$confirm({
  539. title: '{{ i18n "pages.settings.restartPanel" }}',
  540. content: '{{ i18n "pages.settings.restartPanelDesc" }}',
  541. okText: '{{ i18n "sure" }}',
  542. cancelText: '{{ i18n "cancel" }}',
  543. onOk: () => resolve(),
  544. });
  545. });
  546. this.loading(true);
  547. const msg = await HttpUtil.post("/panel/setting/restartPanel");
  548. this.loading(false);
  549. if (msg.success) {
  550. this.loading(true);
  551. await PromiseUtil.sleep(5000);
  552. const { webCertFile, webKeyFile, webDomain: host, webPort: port, webBasePath: base } = this.allSetting;
  553. const isTLS = webCertFile !== "" || webKeyFile !== "";
  554. const url = buildURL({ host, port, isTLS, base, path: "panel/settings" });
  555. window.location.replace(url);
  556. }
  557. },
  558. async fetchUserSecret() {
  559. this.loading(true);
  560. const userMessage = await HttpUtil.post("/panel/setting/getUserSecret", this.user);
  561. if (userMessage.success) {
  562. this.user = userMessage.obj;
  563. }
  564. this.loading(false);
  565. },
  566. async updateSecret() {
  567. this.loading(true);
  568. const msg = await HttpUtil.post("/panel/setting/updateUserSecret", this.user);
  569. if (msg.success) {
  570. this.user = msg.obj;
  571. window.location.replace(basePath + "logout");
  572. }
  573. this.loading(false);
  574. await this.updateAllSetting();
  575. },
  576. generateRandomString(length) {
  577. var chars = "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ1234567890";
  578. let randomString = "";
  579. for (let i = 0; i < length; i++) {
  580. randomString += chars[Math.floor(Math.random() * chars.length)];
  581. }
  582. return randomString;
  583. },
  584. async getNewSecret() {
  585. this.loading(true);
  586. await PromiseUtil.sleep(600);
  587. const newSecret = this.generateRandomString(64);
  588. this.user.loginSecret = newSecret;
  589. document.getElementById("token").textContent = newSecret;
  590. this.loading(false);
  591. },
  592. async toggleToken(value) {
  593. if (value) {
  594. await this.getNewSecret();
  595. } else {
  596. this.user.loginSecret = "";
  597. }
  598. },
  599. async resetXrayConfigToDefault() {
  600. this.loading(true);
  601. const msg = await HttpUtil.get("/panel/setting/getDefaultJsonConfig");
  602. this.loading(false);
  603. if (msg.success) {
  604. this.templateSettings = JSON.parse(JSON.stringify(msg.obj, null, 2));
  605. this.saveBtnDisable = true;
  606. }
  607. },
  608. syncRulesWithOutbound(tag, setting) {
  609. const newTemplateSettings = {...this.templateSettings};
  610. const haveRules = newTemplateSettings.routing.rules.some((r) => r?.outboundTag === tag);
  611. const outboundIndex = newTemplateSettings.outbounds.findIndex((o) => o.tag === tag);
  612. if (!haveRules && outboundIndex >= 0) {
  613. newTemplateSettings.outbounds.splice(outboundIndex, 1);
  614. }
  615. if (haveRules && outboundIndex === -1) {
  616. newTemplateSettings.outbounds.push(setting);
  617. }
  618. this.templateSettings = newTemplateSettings;
  619. },
  620. templateRuleGetter(routeSettings) {
  621. const { property, outboundTag } = routeSettings;
  622. let result = [];
  623. if (this.templateSettings != null) {
  624. this.templateSettings.routing.rules.forEach(
  625. (routingRule) => {
  626. if (
  627. routingRule.hasOwnProperty(property) &&
  628. routingRule.hasOwnProperty("outboundTag") &&
  629. routingRule.outboundTag === outboundTag
  630. ) {
  631. result.push(...routingRule[property]);
  632. }
  633. }
  634. );
  635. }
  636. return result;
  637. },
  638. templateRuleSetter(routeSettings) {
  639. const { data, property, outboundTag } = routeSettings;
  640. const oldTemplateSettings = this.templateSettings;
  641. const newTemplateSettings = oldTemplateSettings;
  642. currentProperty = this.templateRuleGetter({ outboundTag, property })
  643. if (currentProperty.length == 0) {
  644. const propertyRule = {
  645. type: "field",
  646. outboundTag,
  647. [property]: data
  648. };
  649. newTemplateSettings.routing.rules.push(propertyRule);
  650. }
  651. else {
  652. const newRules = [];
  653. insertedOnce = false;
  654. newTemplateSettings.routing.rules.forEach(
  655. (routingRule) => {
  656. if (
  657. routingRule.hasOwnProperty(property) &&
  658. routingRule.hasOwnProperty("outboundTag") &&
  659. routingRule.outboundTag === outboundTag
  660. ) {
  661. if (!insertedOnce && data.length > 0) {
  662. insertedOnce = true;
  663. routingRule[property] = data;
  664. newRules.push(routingRule);
  665. }
  666. }
  667. else {
  668. newRules.push(routingRule);
  669. }
  670. }
  671. );
  672. newTemplateSettings.routing.rules = newRules;
  673. }
  674. this.templateSettings = newTemplateSettings;
  675. }
  676. },
  677. async mounted() {
  678. await this.getAllSetting();
  679. while (true) {
  680. await PromiseUtil.sleep(600);
  681. this.saveBtnDisable = this.oldAllSetting.equals(this.allSetting);
  682. }
  683. },
  684. computed: {
  685. templateSettings: {
  686. get: function () { return this.allSetting.xrayTemplateConfig ? JSON.parse(this.allSetting.xrayTemplateConfig) : null; },
  687. set: function (newValue) { this.allSetting.xrayTemplateConfig = JSON.stringify(newValue, null, 2); },
  688. },
  689. inboundSettings: {
  690. get: function () { return this.templateSettings ? JSON.stringify(this.templateSettings.inbounds, null, 2) : null; },
  691. set: function (newValue) {
  692. newTemplateSettings = this.templateSettings;
  693. newTemplateSettings.inbounds = JSON.parse(newValue);
  694. this.templateSettings = newTemplateSettings;
  695. },
  696. },
  697. outboundSettings: {
  698. get: function () { return this.templateSettings ? JSON.stringify(this.templateSettings.outbounds, null, 2) : null; },
  699. set: function (newValue) {
  700. newTemplateSettings = this.templateSettings;
  701. newTemplateSettings.outbounds = JSON.parse(newValue);
  702. this.templateSettings = newTemplateSettings;
  703. },
  704. },
  705. routingRuleSettings: {
  706. get: function () { return this.templateSettings ? JSON.stringify(this.templateSettings.routing.rules, null, 2) : null; },
  707. set: function (newValue) {
  708. newTemplateSettings = this.templateSettings;
  709. newTemplateSettings.routing.rules = JSON.parse(newValue);
  710. this.templateSettings = newTemplateSettings;
  711. },
  712. },
  713. freedomStrategy: {
  714. get: function () {
  715. if (!this.templateSettings) return "AsIs";
  716. freedomOutbound = this.templateSettings.outbounds.find((o) => o.protocol === "freedom" && !o.tag);
  717. if (!freedomOutbound) return "AsIs";
  718. if (!freedomOutbound.settings || !freedomOutbound.settings.domainStrategy) return "AsIs";
  719. return freedomOutbound.settings.domainStrategy;
  720. },
  721. set: function (newValue) {
  722. newTemplateSettings = this.templateSettings;
  723. freedomOutboundIndex = newTemplateSettings.outbounds.findIndex((o) => o.protocol === "freedom" && !o.tag);
  724. if (!newTemplateSettings.outbounds[freedomOutboundIndex].settings) {
  725. newTemplateSettings.outbounds[freedomOutboundIndex].settings = {"domainStrategy": newValue};
  726. } else {
  727. newTemplateSettings.outbounds[freedomOutboundIndex].settings.domainStrategy = newValue;
  728. }
  729. this.templateSettings = newTemplateSettings;
  730. }
  731. },
  732. routingStrategy: {
  733. get: function () {
  734. if (!this.templateSettings || !this.templateSettings.routing || !this.templateSettings.routing.domainStrategy) return "AsIs";
  735. return this.templateSettings.routing.domainStrategy;
  736. },
  737. set: function (newValue) {
  738. newTemplateSettings = this.templateSettings;
  739. newTemplateSettings.routing.domainStrategy = newValue;
  740. this.templateSettings = newTemplateSettings;
  741. }
  742. },
  743. blockedIPs: {
  744. get: function () {
  745. return this.templateRuleGetter({ outboundTag: "blocked", property: "ip" });
  746. },
  747. set: function (newValue) {
  748. this.templateRuleSetter({ outboundTag: "blocked", property: "ip", data: newValue });
  749. }
  750. },
  751. blockedDomains: {
  752. get: function () {
  753. return this.templateRuleGetter({ outboundTag: "blocked", property: "domain" });
  754. },
  755. set: function (newValue) {
  756. this.templateRuleSetter({ outboundTag: "blocked", property: "domain", data: newValue });
  757. }
  758. },
  759. blockedProtocols: {
  760. get: function () {
  761. return this.templateRuleGetter({ outboundTag: "blocked", property: "protocol" });
  762. },
  763. set: function (newValue) {
  764. this.templateRuleSetter({ outboundTag: "blocked", property: "protocol", data: newValue });
  765. }
  766. },
  767. directIPs: {
  768. get: function () {
  769. return this.templateRuleGetter({ outboundTag: "direct", property: "ip" });
  770. },
  771. set: function (newValue) {
  772. this.templateRuleSetter({ outboundTag: "direct", property: "ip", data: newValue });
  773. this.syncRulesWithOutbound("direct", this.directSettings);
  774. }
  775. },
  776. directDomains: {
  777. get: function () {
  778. return this.templateRuleGetter({ outboundTag: "direct", property: "domain" });
  779. },
  780. set: function (newValue) {
  781. this.templateRuleSetter({ outboundTag: "direct", property: "domain", data: newValue });
  782. this.syncRulesWithOutbound("direct", this.directSettings);
  783. }
  784. },
  785. ipv4Domains: {
  786. get: function () {
  787. return this.templateRuleGetter({ outboundTag: "IPv4", property: "domain" });
  788. },
  789. set: function (newValue) {
  790. this.templateRuleSetter({ outboundTag: "IPv4", property: "domain", data: newValue });
  791. this.syncRulesWithOutbound("IPv4", this.ipv4Settings);
  792. }
  793. },
  794. warpDomains: {
  795. get: function () {
  796. return this.templateRuleGetter({ outboundTag: "WARP", property: "domain" });
  797. },
  798. set: function (newValue) {
  799. this.templateRuleSetter({ outboundTag: "WARP", property: "domain", data: newValue });
  800. this.syncRulesWithOutbound("WARP", this.warpSettings);
  801. }
  802. },
  803. manualBlockedIPs: {
  804. get: function () { return JSON.stringify(this.blockedIPs, null, 2); },
  805. set: debounce(function (value) { this.blockedIPs = JSON.parse(value); }, 1000)
  806. },
  807. manualBlockedDomains: {
  808. get: function () { return JSON.stringify(this.blockedDomains, null, 2); },
  809. set: debounce(function (value) { this.blockedDomains = JSON.parse(value); }, 1000)
  810. },
  811. manualDirectIPs: {
  812. get: function () { return JSON.stringify(this.directIPs, null, 2); },
  813. set: debounce(function (value) { this.directIPs = JSON.parse(value); }, 1000)
  814. },
  815. manualDirectDomains: {
  816. get: function () { return JSON.stringify(this.directDomains, null, 2); },
  817. set: debounce(function (value) { this.directDomains = JSON.parse(value); }, 1000)
  818. },
  819. manualIPv4Domains: {
  820. get: function () { return JSON.stringify(this.ipv4Domains, null, 2); },
  821. set: debounce(function (value) { this.ipv4Domains = JSON.parse(value); }, 1000)
  822. },
  823. manualWARPDomains: {
  824. get: function () { return JSON.stringify(this.warpDomains, null, 2); },
  825. set: debounce(function (value) { this.warpDomains = JSON.parse(value); }, 1000)
  826. },
  827. torrentSettings: {
  828. get: function () {
  829. return doAllItemsExist(this.settingsData.protocols.bittorrent, this.blockedProtocols);
  830. },
  831. set: function (newValue) {
  832. if (newValue) {
  833. this.blockedProtocols = [...this.blockedProtocols, ...this.settingsData.protocols.bittorrent];
  834. } else {
  835. this.blockedProtocols = this.blockedProtocols.filter(data => !this.settingsData.protocols.bittorrent.includes(data));
  836. }
  837. },
  838. },
  839. privateIpSettings: {
  840. get: function () {
  841. return doAllItemsExist(this.settingsData.ips.local, this.blockedIPs);
  842. },
  843. set: function (newValue) {
  844. if (newValue) {
  845. this.blockedIPs = [...this.blockedIPs, ...this.settingsData.ips.local];
  846. } else {
  847. this.blockedIPs = this.blockedIPs.filter(data => !this.settingsData.ips.local.includes(data));
  848. }
  849. },
  850. },
  851. AdsSettings: {
  852. get: function () {
  853. return doAllItemsExist(this.settingsData.domains.ads, this.blockedDomains);
  854. },
  855. set: function (newValue) {
  856. if (newValue) {
  857. this.blockedDomains = [...this.blockedDomains, ...this.settingsData.domains.ads];
  858. } else {
  859. this.blockedDomains = this.blockedDomains.filter(data => !this.settingsData.domains.ads.includes(data));
  860. }
  861. },
  862. },
  863. SpeedTestSettings: {
  864. get: function () {
  865. return doAllItemsExist(this.settingsData.domains.speedtest, this.blockedDomains);
  866. },
  867. set: function (newValue) {
  868. if (newValue) {
  869. this.blockedDomains = [...this.blockedDomains, ...this.settingsData.domains.speedtest];
  870. } else {
  871. this.blockedDomains = this.blockedDomains.filter(data => !this.settingsData.domains.speedtest.includes(data));
  872. }
  873. },
  874. },
  875. familyProtectSettings: {
  876. get: function () {
  877. if (!this.templateSettings || !this.templateSettings.dns || !this.templateSettings.dns.servers) return false;
  878. return doAllItemsExist(this.templateSettings.dns.servers, this.settingsData.familyProtectDNS.servers);
  879. },
  880. set: function (newValue) {
  881. newTemplateSettings = this.templateSettings;
  882. if (newValue) {
  883. newTemplateSettings.dns = this.settingsData.familyProtectDNS;
  884. } else {
  885. delete newTemplateSettings.dns;
  886. }
  887. this.templateSettings = newTemplateSettings;
  888. },
  889. },
  890. GoogleIPv4Settings: {
  891. get: function () {
  892. return doAllItemsExist(this.settingsData.domains.google, this.ipv4Domains);
  893. },
  894. set: function (newValue) {
  895. if (newValue) {
  896. this.ipv4Domains = [...this.ipv4Domains, ...this.settingsData.domains.google];
  897. } else {
  898. this.ipv4Domains = this.ipv4Domains.filter(data => !this.settingsData.domains.google.includes(data));
  899. }
  900. },
  901. },
  902. NetflixIPv4Settings: {
  903. get: function () {
  904. return doAllItemsExist(this.settingsData.domains.netflix, this.ipv4Domains);
  905. },
  906. set: function (newValue) {
  907. if (newValue) {
  908. this.ipv4Domains = [...this.ipv4Domains, ...this.settingsData.domains.netflix];
  909. } else {
  910. this.ipv4Domains = this.ipv4Domains.filter(data => !this.settingsData.domains.netflix.includes(data));
  911. }
  912. },
  913. },
  914. IRIpSettings: {
  915. get: function () {
  916. return doAllItemsExist(this.settingsData.ips.ir, this.blockedIPs);
  917. },
  918. set: function (newValue) {
  919. if (newValue) {
  920. this.blockedIPs = [...this.blockedIPs, ...this.settingsData.ips.ir];
  921. } else {
  922. this.blockedIPs = this.blockedIPs.filter(data => !this.settingsData.ips.ir.includes(data));
  923. }
  924. }
  925. },
  926. IRDomainSettings: {
  927. get: function () {
  928. return doAllItemsExist(this.settingsData.domains.ir, this.blockedDomains);
  929. },
  930. set: function (newValue) {
  931. if (newValue) {
  932. this.blockedDomains = [...this.blockedDomains, ...this.settingsData.domains.ir];
  933. } else {
  934. this.blockedDomains = this.blockedDomains.filter(data => !this.settingsData.domains.ir.includes(data));
  935. }
  936. }
  937. },
  938. ChinaIpSettings: {
  939. get: function () {
  940. return doAllItemsExist(this.settingsData.ips.cn, this.blockedIPs);
  941. },
  942. set: function (newValue) {
  943. if (newValue) {
  944. this.blockedIPs = [...this.blockedIPs, ...this.settingsData.ips.cn];
  945. } else {
  946. this.blockedIPs = this.blockedIPs.filter(data => !this.settingsData.ips.cn.includes(data));
  947. }
  948. }
  949. },
  950. ChinaDomainSettings: {
  951. get: function () {
  952. return doAllItemsExist(this.settingsData.domains.cn, this.blockedDomains);
  953. },
  954. set: function (newValue) {
  955. if (newValue) {
  956. this.blockedDomains = [...this.blockedDomains, ...this.settingsData.domains.cn];
  957. } else {
  958. this.blockedDomains = this.blockedDomains.filter(data => !this.settingsData.domains.cn.includes(data));
  959. }
  960. }
  961. },
  962. RussiaIpSettings: {
  963. get: function () {
  964. return doAllItemsExist(this.settingsData.ips.ru, this.blockedIPs);
  965. },
  966. set: function (newValue) {
  967. if (newValue) {
  968. this.blockedIPs = [...this.blockedIPs, ...this.settingsData.ips.ru];
  969. } else {
  970. this.blockedIPs = this.blockedIPs.filter(data => !this.settingsData.ips.ru.includes(data));
  971. }
  972. }
  973. },
  974. RussiaDomainSettings: {
  975. get: function () {
  976. return doAllItemsExist(this.settingsData.domains.ru, this.blockedDomains);
  977. },
  978. set: function (newValue) {
  979. if (newValue) {
  980. this.blockedDomains = [...this.blockedDomains, ...this.settingsData.domains.ru];
  981. } else {
  982. this.blockedDomains = this.blockedDomains.filter(data => !this.settingsData.domains.ru.includes(data));
  983. }
  984. }
  985. },
  986. IRIpDirectSettings: {
  987. get: function () {
  988. return doAllItemsExist(this.settingsData.ips.ir, this.directIPs);
  989. },
  990. set: function (newValue) {
  991. if (newValue) {
  992. this.directIPs = [...this.directIPs, ...this.settingsData.ips.ir];
  993. } else {
  994. this.directIPs = this.directIPs.filter(data => !this.settingsData.ips.ir.includes(data));
  995. }
  996. }
  997. },
  998. IRDomainDirectSettings: {
  999. get: function () {
  1000. return doAllItemsExist(this.settingsData.domains.ir, this.directDomains);
  1001. },
  1002. set: function (newValue) {
  1003. if (newValue) {
  1004. this.directDomains = [...this.directDomains, ...this.settingsData.domains.ir];
  1005. } else {
  1006. this.directDomains = this.directDomains.filter(data => !this.settingsData.domains.ir.includes(data));
  1007. }
  1008. }
  1009. },
  1010. ChinaIpDirectSettings: {
  1011. get: function () {
  1012. return doAllItemsExist(this.settingsData.ips.cn, this.directIPs);
  1013. },
  1014. set: function (newValue) {
  1015. if (newValue) {
  1016. this.directIPs = [...this.directIPs, ...this.settingsData.ips.cn];
  1017. } else {
  1018. this.directIPs = this.directIPs.filter(data => !this.settingsData.ips.cn.includes(data));
  1019. }
  1020. }
  1021. },
  1022. ChinaDomainDirectSettings: {
  1023. get: function () {
  1024. return doAllItemsExist(this.settingsData.domains.cn, this.directDomains);
  1025. },
  1026. set: function (newValue) {
  1027. if (newValue) {
  1028. this.directDomains = [...this.directDomains, ...this.settingsData.domains.cn];
  1029. } else {
  1030. this.directDomains = this.directDomains.filter(data => !this.settingsData.domains.cn.includes(data));
  1031. }
  1032. }
  1033. },
  1034. RussiaIpDirectSettings: {
  1035. get: function () {
  1036. return doAllItemsExist(this.settingsData.ips.ru, this.directIPs);
  1037. },
  1038. set: function (newValue) {
  1039. if (newValue) {
  1040. this.directIPs = [...this.directIPs, ...this.settingsData.ips.ru];
  1041. } else {
  1042. this.directIPs = this.directIPs.filter(data => !this.settingsData.ips.ru.includes(data));
  1043. }
  1044. }
  1045. },
  1046. RussiaDomainDirectSettings: {
  1047. get: function () {
  1048. return doAllItemsExist(this.settingsData.domains.ru, this.directDomains);
  1049. },
  1050. set: function (newValue) {
  1051. if (newValue) {
  1052. this.directDomains = [...this.directDomains, ...this.settingsData.domains.ru];
  1053. } else {
  1054. this.directDomains = this.directDomains.filter(data => !this.settingsData.domains.ru.includes(data));
  1055. }
  1056. }
  1057. },
  1058. GoogleWARPSettings: {
  1059. get: function () {
  1060. return doAllItemsExist(this.settingsData.domains.google, this.warpDomains);
  1061. },
  1062. set: function (newValue) {
  1063. if (newValue) {
  1064. this.warpDomains = [...this.warpDomains, ...this.settingsData.domains.google];
  1065. } else {
  1066. this.warpDomains = this.warpDomains.filter(data => !this.settingsData.domains.google.includes(data));
  1067. }
  1068. },
  1069. },
  1070. OpenAIWARPSettings: {
  1071. get: function () {
  1072. return doAllItemsExist(this.settingsData.domains.openai, this.warpDomains);
  1073. },
  1074. set: function (newValue) {
  1075. if (newValue) {
  1076. this.warpDomains = [...this.warpDomains, ...this.settingsData.domains.openai];
  1077. } else {
  1078. this.warpDomains = this.warpDomains.filter(data => !this.settingsData.domains.openai.includes(data));
  1079. }
  1080. },
  1081. },
  1082. NetflixWARPSettings: {
  1083. get: function () {
  1084. return doAllItemsExist(this.settingsData.domains.netflix, this.warpDomains);
  1085. },
  1086. set: function (newValue) {
  1087. if (newValue) {
  1088. this.warpDomains = [...this.warpDomains, ...this.settingsData.domains.netflix];
  1089. } else {
  1090. this.warpDomains = this.warpDomains.filter(data => !this.settingsData.domains.netflix.includes(data));
  1091. }
  1092. },
  1093. },
  1094. SpotifyWARPSettings: {
  1095. get: function () {
  1096. return doAllItemsExist(this.settingsData.domains.spotify, this.warpDomains);
  1097. },
  1098. set: function (newValue) {
  1099. if (newValue) {
  1100. this.warpDomains = [...this.warpDomains, ...this.settingsData.domains.spotify];
  1101. } else {
  1102. this.warpDomains = this.warpDomains.filter(data => !this.settingsData.domains.spotify.includes(data));
  1103. }
  1104. },
  1105. },
  1106. },
  1107. });
  1108. </script>
  1109. </body>
  1110. </html>