BRALFANETLayoutApp

SUBMITTED BY: BRALFANET

DATE: April 26, 2024, 9:56 p.m.

UPDATED: April 26, 2024, 10:46 p.m.

FORMAT: Text only

SIZE: 65.4 kB

History Raw Download

HITS: 512

Report
  1. [
  2. {
  3. "id": 3807,
  4. "label": "Nome do app",
  5. "name": "APP_NAME",
  6. "value": null,
  7. "type": "STRING",
  8. "status": "ACTIVE",
  9. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  10. },
  11. {
  12. "id": 3808,
  13. "label": "Logo do app",
  14. "name": "APP_LOGO",
  15. "value": null,
  16. "type": "IMAGE",
  17. "status": "ACTIVE",
  18. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  19. },
  20. {
  21. "id": 3809,
  22. "label": "Imagem de fundo",
  23. "name": "APP_BACKGROUND_IMAGE",
  24. "value": null,
  25. "type": "IMAGE",
  26. "status": "ACTIVE",
  27. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  28. },
  29. {
  30. "id": 3810,
  31. "label": "Tipo do fundo do app",
  32. "name": "APP_BACKGROUND_TYPE",
  33. "value": {
  34. "options": [
  35. {
  36. "label": "Imagem",
  37. "value": "IMAGE"
  38. },
  39. {
  40. "label": "Cor",
  41. "value": "COLOR"
  42. }
  43. ],
  44. "selected": "COLOR"
  45. },
  46. "type": "SELECT",
  47. "status": "ACTIVE",
  48. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  49. },
  50. {
  51. "id": 3811,
  52. "label": "Cor de fundo",
  53. "name": "APP_BACKGROUND_COLOR",
  54. "value": "#14142c",
  55. "type": "COLOR",
  56. "status": "ACTIVE",
  57. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  58. },
  59. {
  60. "id": 3812,
  61. "label": "Cor do card inicial",
  62. "name": "APP_CARD_COLOR",
  63. "value": "#16244700",
  64. "type": "COLOR",
  65. "status": "ACTIVE",
  66. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  67. },
  68. {
  69. "id": 7979,
  70. "label": "Raio do card inicial",
  71. "name": "APP_CARD_RADIUS",
  72. "value": 20,
  73. "type": "INTEGER",
  74. "status": "ACTIVE",
  75. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  76. },
  77. {
  78. "id": 7980,
  79. "label": "Cor do card de status",
  80. "name": "APP_CARD_STATUS_COLOR",
  81. "value": "#14152cff",
  82. "type": "COLOR",
  83. "status": "ACTIVE",
  84. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  85. },
  86. {
  87. "id": 7981,
  88. "label": "Raio do card de status",
  89. "name": "APP_CARD_STATUS_RADIUS",
  90. "value": 12,
  91. "type": "INTEGER",
  92. "status": "ACTIVE",
  93. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  94. },
  95. {
  96. "id": 3813,
  97. "label": "Cor do card de configurações",
  98. "name": "APP_CARD_CONFIG_COLOR",
  99. "value": "#14142c",
  100. "type": "COLOR",
  101. "status": "ACTIVE",
  102. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  103. },
  104. {
  105. "id": 3814,
  106. "label": "Cor do fundo dos dialogs",
  107. "name": "APP_DIALOG_BACKGROUND_COLOR",
  108. "value": "#14142c",
  109. "type": "COLOR",
  110. "status": "ACTIVE",
  111. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  112. },
  113. {
  114. "id": 11850,
  115. "label": "Cor do fundo do dialog de log",
  116. "name": "APP_DIALOG_LOGGER_COLOR",
  117. "value": "#14142c",
  118. "type": "COLOR",
  119. "status": "ACTIVE",
  120. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  121. },
  122. {
  123. "id": 3815,
  124. "label": "Cor das bordas",
  125. "name": "APP_BORDER_COLOR",
  126. "value": "#1210246b",
  127. "type": "COLOR",
  128. "status": "ACTIVE",
  129. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  130. },
  131. {
  132. "id": 7982,
  133. "label": "Cor dos inputs",
  134. "name": "APP_INPUT_COLOR",
  135. "value": "#1d242e00",
  136. "type": "COLOR",
  137. "status": "ACTIVE",
  138. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  139. },
  140. {
  141. "id": 7983,
  142. "label": "Raio dos inputs",
  143. "name": "APP_INPUT_RADIUS",
  144. "value": 17,
  145. "type": "INTEGER",
  146. "status": "ACTIVE",
  147. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  148. },
  149. {
  150. "id": 3816,
  151. "label": "Cor dos textos",
  152. "name": "APP_TEXT_COLOR",
  153. "value": "#b0a8ffff",
  154. "type": "COLOR",
  155. "status": "ACTIVE",
  156. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  157. },
  158. {
  159. "id": 3817,
  160. "label": "Cor dos botões",
  161. "name": "APP_BUTTON_COLOR",
  162. "value": "#1210246b",
  163. "type": "COLOR",
  164. "status": "ACTIVE",
  165. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  166. },
  167. {
  168. "id": 7984,
  169. "label": "Raio dos botões",
  170. "name": "APP_BUTTON_RADIUS",
  171. "value": 16,
  172. "type": "INTEGER",
  173. "status": "ACTIVE",
  174. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  175. },
  176. {
  177. "id": 3818,
  178. "label": "Cor dos icones",
  179. "name": "APP_ICON_COLOR",
  180. "value": "#9f9fffab",
  181. "type": "COLOR",
  182. "status": "ACTIVE",
  183. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  184. },
  185. {
  186. "id": 3819,
  187. "label": "Exibir modo de conexão",
  188. "name": "APP_SHOW_CONNECTION_MODE",
  189. "value": false,
  190. "type": "BOOLEAN",
  191. "status": "ACTIVE",
  192. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  193. },
  194. {
  195. "id": 22784,
  196. "label": "Atualizar automaticamente as configurações ao lançar uma atualização.",
  197. "name": "APP_CONFIG_AUTO_UPDATE",
  198. "value": true,
  199. "type": "BOOLEAN",
  200. "status": "ACTIVE",
  201. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  202. },
  203. {
  204. "id": 4922,
  205. "label": "Iniciar o app automaticamente ao reiniciar o dispositivo",
  206. "name": "APP_AUTO_START",
  207. "value": false,
  208. "type": "BOOLEAN",
  209. "status": "ACTIVE",
  210. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  211. },
  212. {
  213. "id": 7985,
  214. "label": "Usar limiter de conexão",
  215. "name": "APP_CONNECTION_LIMITER",
  216. "value": false,
  217. "type": "BOOLEAN",
  218. "status": "ACTIVE",
  219. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  220. },
  221. {
  222. "id": 12836,
  223. "label": "Usar botão de atualizações",
  224. "name": "APP_BTN_UPDATE_ENABLED",
  225. "value": true,
  226. "type": "BOOLEAN",
  227. "status": "ACTIVE",
  228. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  229. },
  230. {
  231. "id": 12837,
  232. "label": "Usar botão de registros",
  233. "name": "APP_BTN_LOGGER_ENABLED",
  234. "value": true,
  235. "type": "BOOLEAN",
  236. "status": "ACTIVE",
  237. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  238. },
  239. {
  240. "id": 12838,
  241. "label": "Usar botão de pagina webview",
  242. "name": "APP_BTN_PAGE_ENABLED",
  243. "value": true,
  244. "type": "BOOLEAN",
  245. "status": "ACTIVE",
  246. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  247. },
  248. {
  249. "id": 14425,
  250. "label": "Ativar dialog de erros",
  251. "name": "APP_DIALOG_ERROR_ENABLED",
  252. "value": true,
  253. "type": "BOOLEAN",
  254. "status": "ACTIVE",
  255. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  256. },
  257. {
  258. "id": 14426,
  259. "label": "Ativar dialog de checkuser",
  260. "name": "APP_CHECKUSER_DIALOG_ENABLED",
  261. "value": false,
  262. "type": "BOOLEAN",
  263. "status": "ACTIVE",
  264. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  265. },
  266. {
  267. "id": 14427,
  268. "label": "Ativar toast de sucesso",
  269. "name": "APP_SUCCESS_TOAST_ENABLED",
  270. "value": true,
  271. "type": "BOOLEAN",
  272. "status": "ACTIVE",
  273. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  274. },
  275. {
  276. "id": 14428,
  277. "label": "Ativar toast de erro",
  278. "name": "APP_ERROR_TOAST_ENABLED",
  279. "value": true,
  280. "type": "BOOLEAN",
  281. "status": "ACTIVE",
  282. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  283. },
  284. {
  285. "id": 14429,
  286. "label": "Usar layout webview",
  287. "name": "APP_LAYOUT_WEBVIEW_ENABLED",
  288. "value": true,
  289. "type": "BOOLEAN",
  290. "status": "ACTIVE",
  291. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  292. },
  293. {
  294. "id": 3820,
  295. "label": "Mensagem",
  296. "name": "APP_MESSAGE",
  297. "value": "Bem-vindo ao SSH T PROJECT - seu aplicativo de VPN confiável!\n<br><br>\nGostaríamos de informar que, para garantir a melhor experiência possível, é importante que você esteja ciente dos nossos termos e condições.\n<br><br>\nPara acessar essas informações importantes, você pode encontrar um botão dedicado na parte inferior da interface do aplicativo. Recomendamos que você leia atentamente todos os detalhes fornecidos nessa seção.\n<br><br>\nTenha uma experiência fantástica!\n<br><br>\nObrigado por escolher o SSH T Project. Estamos empolgados para fazer parte da sua jornada online. Aproveite todos os benefícios que nossa VPN tem a oferecer!\n<br><br>\nAtenciosamente,\nEquipe do SSH T PROJECT",
  298. "type": "TEXT",
  299. "status": "ACTIVE",
  300. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  301. },
  302. {
  303. "id": 3822,
  304. "label": "URL de atualização do aplicativo",
  305. "name": "APP_UPDATE_URL",
  306. "value": " ",
  307. "type": "URL",
  308. "status": "ACTIVE",
  309. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  310. },
  311. {
  312. "id": 3821,
  313. "label": "Tipo de mensagem",
  314. "name": "APP_MESSAGE_TYPE",
  315. "value": {
  316. "options": [
  317. {
  318. "label": "Alerta",
  319. "value": "ALERT"
  320. },
  321. {
  322. "label": "Informação",
  323. "value": "INFO"
  324. },
  325. {
  326. "label": "Boas vindas",
  327. "value": "WELCOME"
  328. },
  329. {
  330. "label": "Sem mensagem",
  331. "value": "NONE"
  332. }
  333. ],
  334. "selected": "WELCOME"
  335. },
  336. "type": "SELECT",
  337. "status": "ACTIVE",
  338. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  339. },
  340. {
  341. "id": 14430,
  342. "label": "LAYOUT WEBVIEW (POR SUA CONTA E RISCO)",
  343. "name": "APP_LAYOUT_WEBVIEW",
  344. "value": "<html><head>
  345. <meta charset="UTF-8">
  346. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  347. <meta http-equiv="Expires" content="Tue, 31 Dec 2030 23:59:59 GMT">
  348. <meta http-equiv="Cache-Control" content="public, max-age=31536000">
  349. <meta name="viewport" content="width=device-width,initial-scale=1">
  350. <title>GUARDIAN</title>
  351. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css">
  352. <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css">
  353. <script src="https://cdn.tailwindcss.com"></script>
  355. <style>
  356. @import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Outfit:wght@100;200;300;400;500;600;700&display=swap');
  358. :root {
  359. /*Editar o modal*/
  360. --btn-modal: #0000003f;
  361. --btn-border: 1px solid #4071FF;
  362. --btn-modal-border: 50px;
  363. --modal-shadow: #ffffff;
  364. --modal-bg: #171e2e;
  365. --modal-icon: #fff;
  366. --config-color: #0000003f;
  367. --category-color: #0000003f;
  368. --text-color: #ffffff;
  369. /*Editar Layout*/
  370. --fundo: #ffffff;
  371. --topo: #0000008f;
  372. --icon: #4071FF;
  373. --icon-bg: #E5EAFC;
  374. --config: #F7F7FC;
  375. --box-border: 1px solid #C0C6DE;
  376. --box-bg: transparent;
  377. --box-icon: black;
  378. --info1: #C0C6DE;
  379. --info2: #4071FF;
  380. }
  382. body {
  383. font-family: 'Be Vietnam Pro', sans-serif;
  384. background: var(--fundo);
  385. height: 100vh;
  386. width: 100vw;
  387. justify-content: center;
  388. align-items: center;
  389. }
  391. .container {
  392. display: flex;
  393. flex-direction: row;
  394. justify-content: space-between;
  395. background: var(--topo);
  396. width: 100vw;
  397. background: #4071ff;
  398. }
  400. button.power-icon {
  401. background: #ccc;
  402. border-radius: 80px;
  403. display: flex;
  404. -webkit-text-stroke: 3px;
  405. }
  407. .app-bg-gray-1 {
  408. background: var(--config);
  409. }
  411. .app-bg-gray-2 {
  412. background: #ffffff;
  413. box-shadow: rgba(0, 0, 0, 0.2) 0px 20px 30px;
  414. box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  415. }
  417. .app-bg-gray-3 {
  418. background: #fff;
  419. }
  421. .app-bg-4 {
  422. background: linear-gradient(-45deg, #4071ff, #2b4089, #0098ff, #5995fd);
  423. background-size: 400% 400%;
  424. animation: gradient 5s ease infinite;
  425. }
  427. @keyframes gradient {
  428. 0% {
  429. background-position: 0% 50%;
  430. }
  432. 50% {
  433. background-position: 100% 50%;
  434. }
  436. 100% {
  437. background-position: 0% 50%;
  438. }
  439. }
  441. .app-bg-blue {
  442. background: #0000ff;
  443. BORDER: 1PX SOLID #fff;
  444. PADDING: 12PX 10PX !IMPORTANT;
  445. box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  446. }
  448. .app-bg-blue2 {
  449. background: #62656a;
  450. BORDER: 0PX SOLID #fff;
  451. PADDING: 0PX 0PX !IMPORTANT;
  452. box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  453. }
  455. .app-color-blue {
  456. color: #4071FF;
  457. }
  459. .app-color-blue-escuro {
  460. color: #00003f;
  461. }
  463. .app-color-gray-1 {
  464. color: #4d4d4d;
  465. }
  467. .app-rounded {
  468. border-bottom-left-radius: 50px;
  469. border-bottom-right-radius: 50px;
  470. background: blue;
  471. }
  473. .status {
  474. font-size: 1em;
  475. color: #fff !important;
  476. }
  478. .put {
  479. border-radius: 60px;
  480. }
  482. .icon {
  483. font-size: 0.8em;
  484. color: var(--box-icon);
  485. }
  487. input {
  488. width: 100%;
  489. background: transparent;
  490. border: none;
  491. outline: none;
  492. color: var(--box-typing);
  493. line-height: 1;
  494. font-weight: 600;
  495. font-size: 17.6px;
  496. }
  498. .box {
  499. border: var(--box-border);
  500. background: var(--box-bg);
  501. }
  503. .tool {
  504. align-items: center;
  505. justify-content: center;
  506. text-align: center;
  507. border: none;
  508. }
  510. .tool-bt {
  511. background: var(--btn-modal);
  512. height: 50px;
  513. width: 150px;
  514. }
  516. .info {
  517. color: var(--info2);
  518. }
  520. .info1 {
  521. color: var(--info1);
  522. }
  524. .info2 {
  525. color: var(--modal-icon);
  526. }
  528. .info3 {
  529. font-size: 1.2em;
  530. color: #0000ff;
  531. }
  533. .modal {
  534. backdrop-filter: blur(5px);
  535. -webkit-backdrop-filter: blur(5px);
  536. }
  538. .modal-content {
  539. border: none;
  540. background: #00000000;
  541. color: var(--text-color);
  542. border: none !important;
  543. box-shadow: none !important;
  544. border: none !important;
  545. }
  547. .modal-dialog {
  548. padding: 0 0.5rem;
  549. }
  551. .bg-category {
  552. background: var(--category-color);
  553. }
  555. .bg-config {
  556. background: var(--config-color);
  557. }
  559. .btn {
  560. width: 150px;
  561. background-color: #171e2e;
  562. outline: none;
  563. height: 49px;
  564. border-radius: var(--btn-modal-border);
  565. text-transform: uppercase;
  566. font-weight: 600;
  567. margin: 10px 0;
  568. cursor: pointer;
  569. BORDER: NONE;
  570. transition: 0.5s;
  571. }
  572. </style>
  582. <style>/* ! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.relative{position:relative}.-top-32{top:-8rem}.-top-36{top:-9rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mb-0{margin-bottom:0px}.mb-1{margin-bottom:0.25rem}.mb-2{margin-bottom:0.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:0.5rem}.ms-2{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.mt-1{margin-top:0.25rem}.mt-2{margin-top:0.5rem}.mt-4{margin-top:1rem}.flex{display:flex}.h-screen{height:100vh}.h-12{height:3rem}.h-44{height:11rem}.h-56{height:14rem}.w-12{width:3rem}.w-44{width:11rem}.w-56{width:14rem}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:0.5rem}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:0.75rem}.border-0{border-width:0px}.border-2{border-width:2px}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-0{padding:0px}.p-1{padding:0.25rem}.p-10{padding:2.5rem}.p-2{padding:0.5rem}.p-5{padding:1.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.pb-0{padding-bottom:0px}.pb-44{padding-bottom:11rem}.pt-10{padding-top:2.5rem}.text-center{text-align:center}.text-start{text-align:start}.text-xs{font-size:0.75rem;line-height:1rem}.font-semibold{font-weight:600}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}</style><style>/* ! tailwindcss v3.3.2 | MIT License | https://tailwindcss.com */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after,::before{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*, ::before, ::after{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgb(59 130 246 / 0.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.relative{position:relative}.-top-32{top:-8rem}.-top-36{top:-9rem}.mx-6{margin-left:1.5rem;margin-right:1.5rem}.mb-0{margin-bottom:0px}.mb-1{margin-bottom:0.25rem}.mb-2{margin-bottom:0.5rem}.ml-auto{margin-left:auto}.mr-2{margin-right:0.5rem}.ms-2{-webkit-margin-start:0.5rem;margin-inline-start:0.5rem}.mt-1{margin-top:0.25rem}.flex{display:flex}.h-12{height:3rem}.h-44{height:11rem}.h-56{height:14rem}.h-screen{height:100vh}.w-12{width:3rem}.w-44{width:11rem}.w-56{width:14rem}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-nowrap{flex-wrap:nowrap}.place-items-center{place-items:center}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:0.5rem}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-xl{border-radius:0.75rem}.border-0{border-width:0px}.border-2{border-width:2px}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-0{padding:0px}.p-1{padding:0.25rem}.p-10{padding:2.5rem}.p-2{padding:0.5rem}.p-5{padding:1.25rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-2{padding-top:0.5rem;padding-bottom:0.5rem}.py-2\.5{padding-top:0.625rem;padding-bottom:0.625rem}.py-3{padding-top:0.75rem;padding-bottom:0.75rem}.pb-0{padding-bottom:0px}.pb-44{padding-bottom:11rem}.pt-10{padding-top:2.5rem}.text-center{text-align:center}.text-start{text-align:start}.font-semibold{font-weight:600}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw-text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}</style></head>
  584. <body style="
  585. background-color: white;
  586. background-image: none;
  587. " class="h-screen">
  588. <div class="container px-2 pt-10 pb-44 app-rounded" id="backverde" style="display: ;padding-bottom: 122px;padding-top: 38px;">
  589. <button class="app-bg-blue h-12 rounded-2xl py-2 px-2 text-white" onclick="ToolsModal.show()"><i class="bi bi-list-nested mr-2"></i>Menu</button>
  590. <button class="app-bg-blue h-12 rounded-2xl py-2 px-2 text-white" onclick="DtStartAppUpdate.execute()"><i class="bi bi-arrow-repeat mr-2"></i>Atualizar</button>
  591. <button class="app-bg-blue h-12 rounded-2xl py-2 px-2 text-white" onclick="loggerModal.show()"><i class="bi bi-file-earmark-text mr-2"></i>Registros</button>
  592. </div>
  593. <div class="flex flex-row items-center justify-center -top-32 relative" style="justify-content: center;display: flex;margin-left: -1rem;margin-top: 16px;">
  594. <div class="welcome d-flex align-items-center" style="font-family:inherit;font-size:21px;padding:0 0;height:70px;color:#fff;justify-items:normal;width:30pc;margin-top: -42px;justify-content:flex-start;margin-left: 37px;">
  595. <i class="bi bi-person" style="font-size:41px;margin-right:10px;margin-bottom:11px;margin-left:7px" id="usericon1"></i>
  596. <div class="d-flex flex-column" style="display:flex!important">
  597. <div style="display:inline-grid;margin-top:11px;margin-top:10px">
  598. <span style="font-size:19px;font-family:inherit" id="userinfo1">Bem-vindo (a)</span>
  599. <span style="font-size:13px;font-family:inherit" id="userinfo2">Desconectado</span>
  600. </div>
  601. <div style="display:inline-flex;margin-left:-47px;top:14px;left:19px;margin-bottom:-11px;margin-top:7px">
  603. <a class="ml-auto" onclick="DtStartWebViewActivity.execute('')" style="display:block;background: rgba(0, 0, 0, 0.2);padding:4px 9px;color:#fff;border-radius:10px;margin-left:4px;font-family:inherit;font-size: 12px;display:block;border: 1px solid #fff;">
  605. </a>
  608. </div>
  609. </div>
  610. </div>
  611. <div class="w-56 h-56 app-bg-gray-3 rounded-full items-center justify-center flex" style="display:block;width:auto;height:auto;margin-top:0;background-color: white;background-image: none;">
  612. <div class="w-44 h-44 app-bg-4 rounded-full flex justify-center items-center" id="btnc" style="width: 140px;height: 140px;align-items:center;background:linear-gradient(-45deg,#4071ff,#2b4089,#0098ff,#5995fd);border-radius:50em;border:6px solid #fff">
  613. <button id="icop" class="bi bi-power bg-white app-color-blue rounded-full p-10 power-icon" onclick="startStopVpn()" style="color:#4071ff;width: 120px;height: 120px;font-size: 40px;justify-content:center;top:1px"></button>
  614. </div>
  615. </div>
  616. </div>
  618. <div class="flex flex-col -top-36 relative" style="
  619. top: -130px;
  620. ">
  621. <div class="py-3 flex flex-row justify-center items-center">
  622. <span class="app-color-gray-1 mr-2">INSIRA SEUS DADOS</span>
  623. <i class="bi bi-box-arrow-in-right" style="color:#c0c6de"></i>
  624. </div>
  625. <div class="box d-flex gap-2 justify-content-center mb-1 mt-1 flex flex-row items-center px-6 py-2.5 mx-6 rounded-xl app-bg-gray-1 border-2" style="
  626. color: #Fff;
  627. border: 1px solid #c3c9e0;
  628. border-radius: 10px;
  629. ">
  630. <i class="bi bi-lightning-fill" style="color:#000000"></i>
  631. <input placeholder="Escolha uma operadora" disabled="" id="config">
  632. <i class="bi bi-list" style="color:#000000"></i>
  633. </div>
  634. <div class="box d-flex gap-2 justify-content-center mb-2 mt-1 items-center px-6 py-2 mx-6 rounded-xl border-slate-150 border-2" style="display:flex!important;border: 1px solid #c3c9e0;border-radius: 10px;">
  635. <i class="bi bi-person-fill" style="color:#000000"></i>
  636. <input placeholder="USUÁRIO " id="username">
  637. </div>
  638. <div class="box d-flex gap-2 justify-content-center items-center px-6 py-2 mx-6 rounded-xl border-slate-150 border-2" style="display:flex!important;border: 1px solid #c3c9e0;border-radius: 10px;">
  639. <i class="bi bi-key-fill" style="color:#000000"></i>
  640. <input placeholder="SENHA" id="password" style="
  641. ">
  642. <i class="bi bi-eye-fill" style="color:#c0c6de" onclick="password.type==`text`?password.type = `password`:password.type = `text`"></i>
  643. </div>
  644. <div class="d-flex gap-2 justify-content-center mb-2 mt-1 flex flex-row items-center px-6 py-2 mx-6 rounded-xl border-slate-150 border-2" style="display:none!important">
  645. <i class="icon fa fa-lock" style="color:#c0c6de"></i>
  646. <input placeholder="V2ray UUID" id="uuid">
  647. <i class="icon fa fa-eye" onclick="uuid.type==`text`?uuid.type = `password`:uuid.type = `text`"></i>
  648. </div>
  651. <div style="
  652. padding: 0px 28px;
  653. display: flex;
  654. color: #00f;
  655. justify-content: center;
  656. align-items: center;
  657. margin-top: -117px;
  658. justify-content: center;
  659. align-items: center;
  660. flex-wrap: wrap;
  661. margin-top: 57px;
  662. margin-bottom: 2px;
  663. ">
  667. <item style="
  668. background: transparent;
  669. border: 2px solid #C0C6DE;
  670. padding: 8px 10px;
  671. width: calc(48% - 5px);
  672. border-radius: 10px;
  673. text-align: center;
  674. display: flex;
  675. flex-direction: row;
  676. justify-content: space-between;
  677. align-items: center;
  678. text-align: center;
  679. margin-bottom: 11px;
  680. margin-right: 5px;
  681. color: #C0C6DE;
  682. height: 145px;
  683. display: block;
  684. ">
  685. <div>
  686. <font color="#1AA200">
  687. <i class="bi bi-shield-fill-check" style="
  688. font-size: 44px;
  689. margin-right: 0px;
  690. padding: 0px;
  691. text-align: center;
  692. justify-content: center;
  693. "></i>
  694. </font>
  695. <div style="
  696. ">
  697. <font color="#000000"><a style="
  698. font-size: 14px;
  699. margin-bottom: 0px;
  700. font-weight: 600;
  701. ">Rápido e Seguro</a></font>
  702. <a style="
  703. font-size: 10px;
  704. display: block;
  705. font-weight: 300;
  706. ">Sua conexão é criptografada e segura</a>
  707. <font color="#000000">
  708. <i id="inter" class="bi bi-toggle-off" style="
  709. font-size: 29px;
  710. margin-left: 4px;
  711. "></i>
  712. </font>
  713. </div>
  714. </div>
  716. </item>
  717. <item style="
  718. background: transparent;
  719. border: 2px solid #C0C6DE;
  720. padding: 8px 10px;
  721. width: calc(48% - 5px);
  722. border-radius: 10px;
  723. text-align: center;
  724. display: block;
  725. flex-direction: row;
  726. justify-content: space-between;
  727. align-items: center;
  728. text-align: center;
  729. margin-bottom: 11px;
  730. height: 145px;
  731. margin-right: 5px;
  732. color: #C0C6DE;
  733. margin-left: 9px;
  734. ">
  735. <div>
  736. <font color="#fcb503">
  737. <i class="bi bi-infinity" style="
  738. font-size: 44px;
  739. margin-right: 0px;
  740. padding: 0px;
  741. text-align: center;
  742. justify-content: center;
  743. "></i>
  744. </font>
  746. <div style="
  747. ">
  748. <font color="#000000"><a style="
  749. font-size: 14px;
  750. margin-bottom: 0px;
  751. font-weight: 600;
  752. ">Sem Limites</a></font>
  753. <a style="
  754. font-size: 10px;
  755. display: block;
  756. font-weight: 300;
  757. ">Navegue na internet sem limite de dados.</a>
  758. <font color="#000000"><i id="inter2" class="bi bi-toggle-off" style="
  759. font-size: 29px;
  760. margin-left: 4px;
  761. "></i></font>
  762. </div>
  763. </div>
  765. </item>
  766. <item style="
  767. background: transparent;
  768. border: 2px solid #C0C6DE;
  769. padding: 4px 4px;
  770. width: calc(97% - 0px);
  771. border-radius: 10px;
  772. text-align: start;
  773. flex-direction: row;
  774. justify-content: space-between;
  775. align-items: center;
  776. margin-bottom: 11px;
  777. height: 36px;
  778. display: block;
  779. margin-right: 5px;
  780. color: #C0C6DE;
  781. text-align: center;
  782. margin-left: -1px;
  783. ">
  784. <div style="display: inline-flex;align-items: center;">
  785. <div style="
  786. padding: 0px 5px;
  787. ">
  788. <i class="bi bi-hdd-network" style="
  789. font-size: 19px;
  790. margin-left: 2px;
  791. margin-right: 9px;
  792. "></i>
  793. <a style="
  794. font-size: 12px;
  795. margin-bottom: 0px;
  796. font-weight: 600;
  797. ">IP:</a>
  798. <a style="font-size: 12px;" id="ip">192.168.0.1</a>
  799. </div>
  800. <div style="
  801. padding: 0px 5px;
  802. ">
  803. <i class="bi bi-diagram-2" style="
  804. font-size: 19px;
  805. margin-left: 2px;
  806. margin-right: 9px;
  807. "></i>
  808. <a style="
  809. font-size: 12px;
  810. margin-bottom: 0px;
  811. font-weight: 600;
  812. ">DNS:</a>
  813. <a id="dns1" style="font-size: 12px;">Lento</a>
  814. </div>
  815. </div>
  816. </item>
  820. </div>
  821. </div>
  822. <div onclick="loggerModal.show()" class="teste" id="footer1" style="background:red;color:#fff;padding:10px;position:fixed;bottom:0;border-top-left-radius:20px;left:0;width:100%;text-align:center;z-index:9999;border-top-right-radius:20px">
  823. <i class="bi bi-broadcast-pin mr-2"></i>
  824. <a href="">Status:</a>
  825. <span class="status app-color-blue font-semibold" style="color:red" id="state">LBL_STATE_DISCONNECTED</span>
  826. </div>
  827. <div class="modal fade" id="configModal">
  828. <div class="modal-dialog modal-dialog-centered" role="document">
  829. <div class="modal-content rounded-3 shadow">
  830. <div class="modal-header border-bottom-0 pb-0">
  831. <h1 class="modal-title fs-5" style="color:var(--text-color)">Selecione uma Conexão:</h1>
  832. <button class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
  833. </div>
  834. <div class="modal-body p-1 text-center">
  835. <ul class="list-group app-bg-blue2 overflow-y-auto config-body" style="max-height:600px"></ul>
  836. </div>
  837. </div>
  838. </div>
  839. </div>
  840. <div class="modal fade" id="loggerModal">
  841. <div class="modal-dialog modal-dialog-centered" role="document">
  842. <div class="modal-content rounded-3 shadow">
  843. <div class="modal-body p-1 text-center">
  844. <ul class="list-group bg-transparent overflow-y-auto logger-content" style="max-height:600px"><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 0</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 1</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 2</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 3</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 4</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 5</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 6</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 7</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 8</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 9</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 10</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 11</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 12</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 13</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 14</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 15</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 16</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 17</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 18</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 19</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 20</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 21</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 22</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 23</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 24</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 25</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 26</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 27</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 28</li><li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">TIME MESSAGE 29</li></ul>
  845. </div>
  846. <div class="modal-footer flex-nowrap p-0">
  847. <button class="btn btn-primary w-100 clear-logger" style="background-color:var(--btn-modal)">LIMPAR</button>
  848. <button type="button" class="btn btn-primary w-100" data-bs-dismiss="modal" style="background-color:var(--btn-modal)">FECHAR</button>
  849. </div>
  850. </div>
  851. </div>
  852. </div>
  853. <div class="tool webm modal fade" index="-1" id="ToolsModal">
  854. <div class="modal-dialog modal-dialog-centered" role="document">
  855. <div class="modal-content">
  856. <div class="tool modal-header">
  857. <h5 class="modal-title" style="color:#fff">FERRAMENTAS</h5>
  858. </div>
  860. <div class="modal-body" style="display: flex; justify-content: center; align-items: center;">
  861. <button type="button" class="rounded-2xl text-white" id="hotspot-button" style="background: rgba(0, 0, 0, 0.3); padding: 10px; outline: none; border: 0; display: flex; align-items: center; gap: 5px;">
  862. <i class="bi bi-router"></i>
  864. <span id="hotspot-value">ATIVAR HOTSPOT</span>
  865. </button>
  866. </div>
  869. <div class="modal-body">
  870. <button class="tool-bt rounded-2xl text-white" onclick="DtStartWebViewActivity.execute(&quot;https://www.speedtest.net/pt&quot;)"><i class="info2 bi bi-speedometer mr-2"></i> SPEEDTEST</button>
  871. </div>
  872. <div class="modal-body">
  873. <button class="tool-bt rounded-2xl text-white" onclick="DtStartApnActivity.execute()"><i class="bi bi-wrench-adjustable-circle"></i> CONFIGURAR APN</button>
  875. <div class="modal-body">
  877. <button class="tool-bt rounded-2xl text-white" onclick="DtStartWebViewActivity.execute('')"><i class="bi bi-file-earmark-text mr-2"></i> TERMOS DE USO</button>
  878. </div>
  879. <div class="modal-body">
  880. <button class="tool-bt rounded-2xl text-white" onclick="DtCleanApp.execute()"><i class="info2 bi bi-trash3 mr-2"></i> LIMPAR DADOS</button>
  881. </div>
  882. <div class="modal-body">
  885. </div>
  886. <div class="tool modal-footer">
  887. <button type="button" class="btn btn-primary" data-bs-dismiss="modal" style="background-color: var(--btn-modal);">FECHAR</button>
  888. </div>
  889. </div>
  890. </div>
  891. </div>
  892. <div class="modal fade" id="checkUserModal" index="1">
  893. <div class="modal-dialog modal-dialog-centered" role="document">
  894. <div class="modal-content rounded-3 shadow">
  895. <div class="modal-header border-bottom-0 pb-0">
  896. <h1 class="modal-title fs-5 chk-title text-light"></h1>
  897. <button class="btn-close btn-close-white" data-bs-dismiss="modal"></button>
  898. </div>
  899. <div class="modal-body text-center">
  900. <p class="fs-5 mb-0 chk-message text-light"></p>
  901. </div>
  902. </div>
  903. </div>
  904. </div>
  905. <div class="md modal fade" id="speedTestModal">
  906. <div class="md modal-dialog modal-dialog-centered" role="document">
  907. <div class="md modal-content rounded-3 shadow">
  908. <div class="md modal-header border-bottom-0 py-3">
  909. <button class="btn-close btn-close-white" data-bs-dismiss="modal" aria-label="Close"></button>
  910. </div>
  911. <div class="modal-body ratio rounded-bottom-3" style="height:600px">
  912. <div class="spinner d-flex w-100 h-100 align-items-center justify-content-center">
  913. <div class="spinner-border text-light p-5" role="status">
  914. <span class="visually-hidden">Loading...</span>
  915. </div>
  916. </div>
  917. <iframe class="rounded-bottom-3" id="speedFrame"></iframe>
  918. </div>
  919. </div>
  920. </div>
  921. </div>
  922. <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js"></script>
  924. <script>
  925. const appGetStatusHotspot = () => DtGetStatusHotSpotService.execute()
  926. const appStartHotspot = () => DtStartHotSpotService.execute()
  927. const appStopHotspot = () => DtStopHotSpotService.execute()
  929. const hotspotValue = document.querySelector('#hotspot-value')
  930. const hotspotButton = document.querySelector('#hotspot-button')
  932. const startHotspot = () => {
  933. appStartHotspot()
  935. hotspotValue.innerHTML = 'PARAR HOTSPOT'
  936. }
  938. const stopHotspot = () => {
  939. appStopHotspot()
  941. hotspotValue.innerHTML = 'INICIAR HOTSPOT'
  942. }
  944. const toggleHotspot = () => {
  945. appGetStatusHotspot() === 'STOPPED' ? startHotspot() : stopHotspot()
  946. }
  948. const setStatusHotspot = () => {
  949. if (appGetStatusHotspot() === 'STOPPED') {
  950. hotspotValue.innerHTML = 'INICIAR HOTSPOT'
  951. } else {
  952. hotspotValue.innerHTML = 'PARAR HOTSPOT'
  953. }
  954. }
  956. hotspotButton.addEventListener('click', (e) => {
  957. e.preventDefault()
  959. toggleHotspot()
  960. })
  962. setStatusHotspot()
  965. </script>
  967. <script>
  968. Object.defineProperty(String.prototype, 't', {
  969. value: function t() {
  970. return window?.DtTranslateText?.execute('' + this) ?? '' + this
  971. },
  972. writable: true,
  973. configurable: true,
  974. })
  976. const config = document.querySelector('#config')
  977. config.parentElement.onclick = () => showConfigsModal();
  979. const username = document.querySelector('#username')
  980. username.oninput = e => DtUsername.set(e.target.value)
  982. const password = document.querySelector('#password')
  983. password.oninput = e => DtPassword.set(e.target.value)
  985. const uuid = document.querySelector('#uuid')
  986. uuid.oninput = e => DtUuid.set(e.target.value)
  988. const clearLogger = document.querySelector('.clear-logger')
  990. const checkUserModal = new bootstrap.Modal(document.querySelector('#checkUserModal'))
  991. const configModal = new bootstrap.Modal(document.querySelector('#configModal'))
  992. const loggerModal = new bootstrap.Modal(document.querySelector('#loggerModal'))
  993. const ToolsModal = new bootstrap.Modal(document.querySelector('#ToolsModal'))
  994. const speedTestModal = new bootstrap.Modal(document.querySelector('#speedTestModal'))
  996. const dtConfigClickListener = () => {
  997. const data = JSON.parse(window?.DtGetDefaultConfig?.execute() || `{ "auth": {"username": ""} }`)
  998. const isV2ray = data?.mode?.toLowerCase()?.startsWith('v2ray');
  1000. config.placeholder = data.name ?? 'ESCOLHA UMA OPERADORA ';
  1001. username.parentElement.style.setProperty('display', !data?.auth?.username && !isV2ray ? 'flex' : 'none', 'important')
  1002. password.parentElement.style.setProperty('display', !data?.auth?.password && !isV2ray ? 'flex' : 'none', 'important')
  1003. uuid.parentElement.style.setProperty('display', !data?.auth?.v2ray_uuid && isV2ray ? 'flex' : 'none', 'important')
  1004. }
  1006. const startStopVpn = e => {
  1007. if (DtGetVpnState.execute() != 'DISCONNECTED') {
  1009. DtExecuteVpnStop.execute()
  1010. document.getElementById("btnc").style.background = "linear-gradient(-45deg, #4071ff, #2b4089, #0098ff, #5995fd)";
  1011. document.getElementById("btnc").style.background = "blue";
  1012. } else {
  1013. DtExecuteVpnStart.execute()
  1014. document.getElementById("btnc").style.background = "linear-gradient(-45deg, #4071ff, #2b4089, #0098ff, #5995fd)";
  1015. document.getElementById("btnc").style.background = "blue";
  1016. }
  1018. }
  1020. clearLogger.addEventListener('click', () => DtClearLogs.execute())
  1022. speedTestModal._element.addEventListener('shown.bs.modal', () => {
  1023. const iframe = document.querySelector('#speedFrame');
  1024. if (!iframe.src) {
  1025. iframe.src = 'https://fast.com/pt/'
  1026. iframe.addEventListener('load', () => {
  1027. mp3Modal._element.querySelector('.spinner').classList.add('d-none')
  1028. })
  1029. }
  1030. })
  1031. speedTestModal._element.addEventListener('hide.bs.modal', () => {
  1032. const iframe = document.querySelector('#speedFrame');
  1033. iframe.src = '';
  1034. })
  1036. const dtVpnStateListener = state => {
  1037. const isRunning = state != 'DISCONNECTED';
  1038. const isConnected = state == 'CONNECTED';
  1039. const isDesconnected = state == 'DISCONNECTED';
  1040. const status = document.querySelector('#state')
  1042. status.innerHTML = ('LBL_STATE_' + state).t()
  1044. if (isRunning) {
  1045. document.getElementById("btnc").style.background = "linear-gradient(-45deg, #ffcc00, #d5de0a, #ebd138, #ffcc00)";
  1046. document.getElementById("footer1").style.background = "#ffcc00";
  1047. document.getElementById("icop").style.color = "#dce600";
  1048. username.setAttribute('readonly', 'true')
  1049. password.setAttribute('readonly', 'true')
  1050. status.style.color = '#00ff15'
  1051. } else {
  1052. username.removeAttribute('readonly')
  1053. password.removeAttribute('readonly')
  1054. status.style.color = 'RED'
  1055. }
  1056. if (isConnected) {
  1057. document.getElementById("btnc").style.background = "linear-gradient(-45deg, #64dd17, #00ce6e, #64dd17, #5ddf15)";
  1058. document.getElementById("footer1").style.background = "#64dd17";
  1059. document.getElementById("icop").style.color = "#64dd17";
  1061. const inter = document.getElementById('inter');
  1062. const inter2 = document.getElementById('inter2');
  1063. inter.className = "bi bi-toggle-on";
  1064. inter2.className = "bi bi-toggle-on";
  1066. const elemento = document.getElementById('userinfo1');
  1067. elemento.innerHTML = username.value;
  1069. dns1.innerHTML = "1.1.1.1";
  1070. username.setAttribute('readonly', 'true')
  1071. password.setAttribute('readonly', 'true')
  1072. status.style.color = '#00ff15'
  1073. fetch('https://api.ipify.org/?format=json')
  1074. .then(response => response.json())
  1075. .then(data => {
  1076. const publicIP = data.ip;
  1077. document.getElementById('ip').textContent = publicIP;
  1078. })
  1079. .catch(error => {
  1080. console.log('Erro ao obter o endereço IP público:', error);
  1081. });
  1083. }
  1084. if (isDesconnected) {
  1085. document.getElementById("btnc").style.background = "linear-gradient(-45deg, #ff8764, #ff7463, #ff5c5f, #ff3858)";
  1086. document.getElementById("footer1").style.background = "red";
  1087. document.getElementById("icop").style.color = "#ff0000";
  1088. const elemento3 = document.getElementById('usericon1');
  1089. const elemento2 = document.getElementById('userinfo2');
  1090. elemento3.className = "bi bi-person";
  1092. elemento2.innerHTML = "Desconectado";
  1094. const inter3 = document.getElementById('inter');
  1095. const inter4 = document.getElementById('inter2');
  1096. inter3.className = "bi bi-toggle-off";
  1097. inter4.className = "bi bi-toggle-off";
  1099. }
  1100. }
  1102. const dtCheckUserStartedListener = () => {
  1103. const data = JSON.parse(window?.DtGetDefaultConfig?.execute() || `{}`)
  1104. const isV2ray = data?.mode?.toLowerCase()?.startsWith('v2ray');
  1105. if (isV2ray || !data.urlCheckUser)
  1106. return;
  1108. const html = `
  1109. <div class="d-flex justify-content-center">
  1110. <div class="spinner-border p-4" role="status">
  1111. <span class="visually-hidden">Loading...</span>
  1112. </div>
  1113. </div>
  1114. `
  1116. checkUserModal._element.querySelector('.chk-title').textContent = 'CHECK USER'
  1117. checkUserModal._element.querySelector('.chk-message').innerHTML = html;
  1118. checkUserModal.show()
  1119. }
  1121. const dtCheckUserModelListener = model => {
  1122. const data = JSON.parse(model ?? `{"username": "test"}`)
  1123. const elemento2 = document.getElementById('userinfo2');
  1124. const elemento3 = document.getElementById('usericon1');
  1125. var dias = `${data.expiration_days}`;
  1126. var diasrestantes = "dias restantes";
  1127. var resultado = dias + " " + diasrestantes;
  1128. elemento2.innerHTML = resultado;
  1129. elemento3.className = "bi bi-person-check";
  1131. }
  1133. const showConfigsModal = () => {
  1134. const mock = '[{"sorter":6,"color":"#6D08041C","name":"CONFIG","id":1393,"items":[{"mode":"V2RAY - VLESS","sorter":4,"tlsVersion":"TLSv1.2","name":"CONFIG 01","icon":"https://cdn-icons-png.flaticon.com/512/8187/8187143.png","id":11803,"status":"ACTIVE"},{"mode":"SSH_DIRECT","sorter":2,"tlsVersion":"TLSv1.2","name":"CONFIG 02","icon":"https://cdn-icons-png.flaticon.com/512/8187/8187143.png","id":28627,"status":"ACTIVE"},{"mode":"OVPN_PROXY","sorter":23,"tlsVersion":"TLSv1.2","name":"CONFIG 03","icon":"https://cdn-icons-png.flaticon.com/512/8187/8187143.png","id":30001,"status":"ACTIVE"}]},{"sorter":2,"color":"#6D08041C","name":"CONFIG 2","id":1846,"items":[{"mode":"SSH_PROXY","sorter":1,"tlsVersion":"TLSv1.2","name":"CONFIG 01","icon":"https://cdn-icons-png.flaticon.com/512/8187/8187143.png","id":26295,"status":"ACTIVE"}]},{"sorter":4,"color":"#80000000","name":"CONFIG 3","id":3310,"items":[{"mode":"SSH_PROXY","sorter":1,"tlsVersion":"TLSv1.2","name":"CONFIG. TEST","icon":"https://cdn-icons-png.flaticon.com/512/8187/8187143.png","id":29997,"status":"ACTIVE"},{"mode":"OVPN_PROXY","sorter":1,"tlsVersion":"TLSv1.2","name":"CONFIG. TEST 2","icon":"https://cdn-icons-png.flaticon.com/512/8187/8187143.png","id":29998,"status":"ACTIVE"}]}]'
  1135. const data = JSON.parse(window?.DtGetConfigs?.execute() || mock)
  1137. data.sort((a, b) => a.sorter - b.sorter)
  1138. data.forEach(item => item.items.sort((a, b) => a.sorter - b.sorter))
  1140. const body = configModal._element.querySelector('.config-body')
  1141. body.innerHTML = ''
  1143. data.forEach(category => {
  1144. const categoryElement = document.createElement('li')
  1145. categoryElement.className = 'list-group-item bg-transparent border-0 mb-1 rounded-1 px-1'
  1146. categoryElement.style.color = 'var(--text-color)'
  1147. categoryElement.innerHTML = `<span class="fw-bold w-100 d-block p-1 rounded-1 mb-1 bg-category">${category.name}</span>`
  1149. const configUlElement = document.createElement('ul')
  1150. configUlElement.className = 'list-group overflow-y-auto'
  1152. category.items.forEach(item => {
  1153. const configElement = document.createElement('li')
  1154. configElement.className = 'list-group-item d-flex border-0 bg-config rounded-2 px-1 py-2 mb-1'
  1155. configElement.style.color = 'var(--text-color)'
  1156. configElement.innerHTML = `
  1157. <img src="${item.icon}" width="40" height="35">
  1158. <div class="text-start d-flex flex-column ms-2 w-100 text-truncate">
  1159. <span class="fw-bold text-uppercase" style="font-size: 0.8rem;">${item.name}</span>
  1160. <span class="fst-italic fw-bold text-uppercase" style="font-size: 0.7rem;">${item.description || ''}</span>
  1161. </div>
  1162. <div class="d-flex flex-column ms-2">
  1163. <span class="fst-italic fw-bold text-end text-uppercase text-nowrap" style="font-size: 0.8rem;">${item.mode}</span>
  1164. </div>
  1165. </li>
  1166. `
  1167. configElement.addEventListener('click', e => {
  1168. window?.DtSetConfig?.execute(item.id)
  1169. configModal.hide()
  1170. })
  1171. configUlElement.appendChild(configElement)
  1172. })
  1174. categoryElement.appendChild(configUlElement)
  1175. body.appendChild(categoryElement)
  1176. })
  1177. configModal.show()
  1178. }
  1180. const dtOnNewLogListener = () => {
  1181. const mock = [];
  1182. for (let i = 0; i < 30; i++) {
  1183. mock.push({
  1184. 'TIME': 'MESSAGE ' + i
  1185. })
  1186. }
  1188. const log = window?.DtGetLogs?.execute() || JSON.stringify(mock)
  1189. const data = JSON.parse(log)
  1191. let content = '';
  1192. data.forEach(item => {
  1193. content += '<li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">';
  1194. content += Object.keys(item)[0] + " " + item[Object.keys(item)]
  1195. content += '</li>';
  1196. })
  1198. loggerModal._element.querySelector('.logger-content').innerHTML = content;
  1199. const listGroup = loggerModal._element.querySelector('.list-group')
  1200. listGroup.scrollTo(0, listGroup.scrollHeight)
  1201. }
  1203. username.value = window?.DtUsername?.get() ?? ''
  1204. password.value = window?.DtPassword?.get() ?? ''
  1205. uuid.value = window?.DtUuid?.get() ?? ''
  1207. dtOnNewLogListener()
  1208. dtConfigClickListener()
  1209. dtVpnStateListener(window?.DtGetVpnState?.execute() ?? 'DISCONNECTED')
  1210. </script>
  1211. <script>
  1212. const config = JSON.parse(DtGetAppConfig.execute());
  1213. const urlCheckUser = new URL(config.urlCheckUser);
  1214. urlCheckUser.protocol = 'http:';
  1216. const createConnection = () => new WebSocket(urlCheckUser);
  1217. const startActions = socket => {
  1218. socket.send(JSON.stringify({
  1219. action: 'all',
  1220. data: {}
  1221. }));
  1222. }
  1223. const parseResponseData = data => {
  1224. data = JSON.parse(data);
  1225. console.log(data)
  1227. if (data.total != undefined) {
  1228. const total = data.total;
  1229. document.getElementById('total').innerHTML = String(total).padStart(2, '0');
  1230. }
  1231. }
  1233. const startSocket = () => {
  1234. const socket = createConnection();
  1235. socket.onopen = e => startActions(socket);
  1236. socket.onmessage = e => parseResponseData(e.data);
  1237. }
  1239. const setVpnState = state => {
  1240. if (state == 'CONNECTED')
  1241. startSocket();
  1243. }
  1244. startSocket();
  1245. </script>
  1246. <script>
  1247. class AndroidMock {
  1248. static getLocalIP() {
  1249. return '192.168.0.1';
  1250. }
  1252. static getConfig() {
  1253. return JSON.stringify({
  1254. urlCheckUser: ''
  1255. });
  1256. }
  1260. static openRadioInfo() {
  1261. console.log('openRadioInfo');
  1262. }
  1263. }
  1264. </script>
  1265. <script>
  1266. function showLocalIP(android) {
  1269. document.getElementById('ip').innerHTML = android.getLocalIP();
  1271. setInterval(() => {
  1273. document.getElementById('ip').innerHTML = android.getLocalIP();
  1274. }, 2000000)
  1275. }
  1277. function showCheckUser(android) {
  1278. const config = JSON.parse(window?.DtGetDefaultConfig?.execute() ?? android.getConfig());
  1280. const urlCheckUser = new URL(config.urlCheckUser);
  1281. urlCheckUser.protocol = 'ws:';
  1282. const socket = new WebSocket(urlCheckUser);
  1283. socket.onopen = function(e) {
  1284. socket.send(JSON.stringify({
  1285. action: 'all',
  1286. data: {}
  1287. }));
  1288. };
  1290. socket.onmessage = function(event) {
  1291. const data = JSON.parse(event.data);
  1292. if (data.total === undefined)
  1293. return;
  1295. const total = data.total;
  1296. document.getElementById('total').innerHTML = ' ' + String(total).padStart(2, '0');
  1297. socket.close();
  1298. };
  1299. }
  1301. window.onload = function() {
  1302. const android = window.Android || AndroidMock;
  1303. showLocalIP(android);
  1304. showCheckUser(android);
  1305. }
  1306. </script>
  1308. </body></html>",
  1309. "type": "HTML",
  1310. "status": "ACTIVE",
  1311. "user_id": "83615944-f09e-4f34-8cc6-96cc5fd99133"
  1312. }
  1313. ]
comments powered by Disqus