Não tem nada aqui

SUBMITTED BY: Chacal1107

DATE: Nov. 10, 2023, 9:48 p.m.

UPDATED: Jan. 9, 2024, 9:55 p.m.

FORMAT: Text only

SIZE: 56.3 kB

History Raw Download

HITS: 4440

Report
  1. [
  2. {
  3. "id": 26680,
  4. "label": "Nome do app",
  5. "name": "APP_NAME",
  6. "value": "",
  7. "type": "STRING",
  8. "status": "ACTIVE",
  9. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  10. },
  11. {
  12. "id": 26681,
  13. "label": "Logo do app",
  14. "name": "APP_LOGO",
  15. "value": "",
  16. "type": "IMAGE",
  17. "status": "ACTIVE",
  18. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  19. },
  20. {
  21. "id": 26682,
  22. "label": "Imagem de fundo",
  23. "name": "APP_BACKGROUND_IMAGE",
  24. "value": "https://i.ibb.co/80xsZrK/487f7b22f68312d2c1bbc93b1aea445b-1702531701256.jpg",
  25. "type": "IMAGE",
  26. "status": "ACTIVE",
  27. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  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": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  49. },
  50. {
  51. "id": 3811,
  52. "label": "Cor de fundo",
  53. "name": "APP_BACKGROUND_COLOR",
  54. "value": "#080e16c7",
  55. "type": "COLOR",
  56. "status": "ACTIVE",
  57. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  58. },
  59. {
  60. "id": 3812,
  61. "label": "Cor do card inicial",
  62. "name": "APP_CARD_COLOR",
  63. "value": "#1d242e73",
  64. "type": "COLOR",
  65. "status": "ACTIVE",
  66. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  67. },
  68. {
  69. "id": 7979,
  70. "label": "Raio do card inicial",
  71. "name": "APP_CARD_RADIUS",
  72. "value": 30,
  73. "type": "INTEGER",
  74. "status": "ACTIVE",
  75. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  76. },
  77. {
  78. "id": 7980,
  79. "label": "Cor do card de status",
  80. "name": "APP_CARD_STATUS_COLOR",
  81. "value": "#1d242ec2",
  82. "type": "COLOR",
  83. "status": "ACTIVE",
  84. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  85. },
  86. {
  87. "id": 7981,
  88. "label": "Raio do card de status",
  89. "name": "APP_CARD_STATUS_RADIUS",
  90. "value": 25,
  91. "type": "INTEGER",
  92. "status": "ACTIVE",
  93. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  94. },
  95. {
  96. "id": 3813,
  97. "label": "Cor do card de configurações",
  98. "name": "APP_CARD_CONFIG_COLOR",
  99. "value": "#1d242e73",
  100. "type": "COLOR",
  101. "status": "ACTIVE",
  102. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  103. },
  104. {
  105. "id": 3814,
  106. "label": "Cor do fundo dos dialogs",
  107. "name": "APP_DIALOG_BACKGROUND_COLOR",
  108. "value": "#0e171ec9",
  109. "type": "COLOR",
  110. "status": "ACTIVE",
  111. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  112. },
  113. {
  114. "id": 11850,
  115. "label": "Cor do fundo do dialog de log",
  116. "name": "APP_DIALOG_LOGGER_COLOR",
  117. "value": "#1d242e73",
  118. "type": "COLOR",
  119. "status": "ACTIVE",
  120. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  121. },
  122. {
  123. "id": 3815,
  124. "label": "Cor das bordas",
  125. "name": "APP_BORDER_COLOR",
  126. "value": "#1d242e73",
  127. "type": "COLOR",
  128. "status": "ACTIVE",
  129. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  130. },
  131. {
  132. "id": 7982,
  133. "label": "Cor dos inputs",
  134. "name": "APP_INPUT_COLOR",
  135. "value": "#00000000",
  136. "type": "COLOR",
  137. "status": "ACTIVE",
  138. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  139. },
  140. {
  141. "id": 7983,
  142. "label": "Raio dos inputs",
  143. "name": "APP_INPUT_RADIUS",
  144. "value": 30,
  145. "type": "INTEGER",
  146. "status": "ACTIVE",
  147. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  148. },
  149. {
  150. "id": 3816,
  151. "label": "Cor dos textos",
  152. "name": "APP_TEXT_COLOR",
  153. "value": "#cbbfdfc9",
  154. "type": "COLOR",
  155. "status": "ACTIVE",
  156. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  157. },
  158. {
  159. "id": 3817,
  160. "label": "Cor dos botões",
  161. "name": "APP_BUTTON_COLOR",
  162. "value": "#1d242ec4",
  163. "type": "COLOR",
  164. "status": "ACTIVE",
  165. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  166. },
  167. {
  168. "id": 7984,
  169. "label": "Raio dos botões",
  170. "name": "APP_BUTTON_RADIUS",
  171. "value": 30,
  172. "type": "INTEGER",
  173. "status": "ACTIVE",
  174. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  175. },
  176. {
  177. "id": 3818,
  178. "label": "Cor dos icones",
  179. "name": "APP_ICON_COLOR",
  180. "value": "#cbbfdf",
  181. "type": "COLOR",
  182. "status": "ACTIVE",
  183. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  184. },
  185. {
  186. "id": 3819,
  187. "label": "Exibir modo de conexão",
  188. "name": "APP_SHOW_CONNECTION_MODE",
  189. "value": "true",
  190. "type": "BOOLEAN",
  191. "status": "ACTIVE",
  192. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  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": false,
  199. "type": "BOOLEAN",
  200. "status": "ACTIVE",
  201. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  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": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  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": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  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": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  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": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  238. },
  239. {
  240. "id": 12838,
  241. "label": "Usar botão de pagina webview",
  242. "name": "APP_BTN_PAGE_ENABLED",
  243. "value": false,
  244. "type": "BOOLEAN",
  245. "status": "ACTIVE",
  246. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  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": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  256. },
  257. {
  258. "id": 14426,
  259. "label": "Ativar dialog de checkuser",
  260. "name": "APP_CHECKUSER_DIALOG_ENABLED",
  261. "value": "true",
  262. "type": "BOOLEAN",
  263. "status": "ACTIVE",
  264. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  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": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  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": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  283. },
  284. {
  285. "id": 14429,
  286. "label": "Usar layout webview",
  287. "name": "APP_LAYOUT_WEBVIEW_ENABLED",
  288. "value": "false",
  289. "type": "BOOLEAN",
  290. "status": "ACTIVE",
  291. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  292. },
  293. {
  294. "id": 3820,
  295. "label": "Mensagem",
  296. "name": "APP_MESSAGE",
  297. "value": "Bem vindo ao DTunnel Mod",
  298. "type": "TEXT",
  299. "status": "ACTIVE",
  300. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  301. },
  302. {
  303. "id": 3822,
  304. "label": "URL de atualização do aplicativo",
  305. "name": "APP_UPDATE_URL",
  306. "value": null,
  307. "type": "URL",
  308. "status": "ACTIVE",
  309. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  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": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  339. },
  340. {
  341. "id": 14430,
  342. "label": "LAYOUT WEBVIEW (POR SUA CONTA E RISCO)",
  343. "name": "APP_LAYOUT_WEBVIEW",
  344. "value": "<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\" />\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\r\n <script src=\"https://kit.fontawesome.com/64d58efce2.js\" crossorigin=\"anonymous\"></script>\r\n <link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css\">\r\n <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css\">\r\n <link rel=\"stylesheet\" href=\"https://guardianofc.github.io/css/bootstrap.min.css\">\r\n <script type=\"text/javascript\"\r\n src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js\"\r\n integrity=\"sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe\"\r\n crossorigin=\"anonymous\"></script>\r\n <title>Guardian</title>\r\n <style>\r\n @import url(\"https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap\");\r\n\r\n :root {\r\n\r\n /*Editar background*/\r\n --bg: #fff;\r\n --bg-img: url(https://i.ibb.co/nr6jsW9/background.png);\r\n\r\n /*Editar o modal*/\r\n --btn-modal: #0000003f;\r\n --btn-modal-border: 50px;\r\n --modal-shadow: #ffffff;\r\n --modal-bg: #0099ff;\r\n --config-color: #0000003f;\r\n --category-color: #0000003f;\r\n --text-color: #ffffff;\r\n\r\n /*Editar os títulos e container*/\r\n --title: #fff;\r\n --title-2: #fff;\r\n --container-linear: linear-gradient(-45deg, #4481eb 0%, #04befe 100%);\r\n\r\n /*Editar a box (user/password)*/\r\n --box-color: #fff;\r\n --box-text: #fff;\r\n --box-border: 55px;\r\n --box-icon: #fff;\r\n --box-typing: #fff;\r\n\r\n /*Editar os ícones*/\r\n --icon: #fff;\r\n --icon-border: 50px;\r\n --icon-border-color: 1px solid #fff;\r\n --icon-pressed: #aaa;\r\n\r\n /*Editar os botão start*/\r\n --btn-color: #5995fd;\r\n --btn-border: 50px;\r\n --btn-text: #fff;\r\n --btn-pressed: #4d84e2;\r\n --btn-transparent: 2px solid #fff;\r\n }\r\n\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n }\r\n\r\n body {\r\n height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n }\r\n\r\n body,\r\n input {\r\n font-family: \"Poppins\", sans-serif;\r\n }\r\n\r\n .container {\r\n height: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n width: 100vw;\r\n\r\n\r\n\r\n position: relative;\r\n /*background: var(--bg-img) center center / cover rgb(32, 32, 32);*/\r\n background: var(--bg-img) center center / cover rgb(32, 32, 32);\r\n overflow: hidden;\r\n }\r\n\r\n .forms-container {\r\n position: absolute;\r\n width: 100%;\r\n height: 100vh;\r\n top: -3%;\r\n left: 0;\r\n }\r\n\r\n .signin-signup {\r\n position: absolute;\r\n top: 50%;\r\n transform: translate(-50%, -50%);\r\n left: 75%;\r\n width: 50%;\r\n transition: 1s 0.7s ease-in-out;\r\n display: grid;\r\n grid-template-columns: 1fr;\r\n z-index: 5;\r\n }\r\n\r\n form {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n flex-direction: column;\r\n padding: 0rem 5rem;\r\n transition: all 0.2s 0.7s;\r\n overflow: hidden;\r\n grid-column: 1 / 2;\r\n grid-row: 1 / 2;\r\n }\r\n\r\n form.sign-up-form {\r\n opacity: 0;\r\n z-index: 1;\r\n }\r\n\r\n form.sign-in-form {\r\n z-index: 2;\r\n }\r\n\r\n .title {\r\n font-size: 1.5rem;\r\n color: var(--title);\r\n margin-bottom: 10px;\r\n }\r\n\r\n .bg-input {\r\n\r\n width: 100%;\r\n background-color: transparent;\r\n margin: 10px 0;\r\n height: 55px;\r\n border-radius: var(--box-border);\r\n border: 3px solid #fff;\r\n grid-template-columns: 15% 85%;\r\n padding: 0 0.4rem;\r\n\r\n }\r\n\r\n input {\r\n width: 100%;\r\n background: transparent;\r\n border: none;\r\n outline: none;\r\n color: var(--box-typing);\r\n line-height: 1;\r\n font-weight: 600;\r\n font-size: 1.1rem;\r\n }\r\n\r\n .bg-input i.icon {\r\n color: var(--box-icon);\r\n }\r\n\r\n .bg-input input::placeholder {\r\n color: #fff;\r\n font-weight: 500;\r\n }\r\n\r\n .social-text {\r\n color: #fff;\r\n padding: 0.7rem 0;\r\n font-size: 1rem;\r\n }\r\n\r\n .social-media {\r\n display: flex;\r\n justify-content: center;\r\n }\r\n\r\n .social-icon {\r\n height: 46px;\r\n width: 46px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n margin: 0 0.45rem;\r\n color: var(--icon);\r\n border-radius: var(--icon-border);\r\n border: var(--icon-border-color);\r\n text-decoration: none;\r\n font-size: 1.1rem;\r\n transition: 0.3s;\r\n }\r\n\r\n .social-icon:hover {\r\n color: var(--icon-pressed);\r\n border-color: var(--icon-pressed);\r\n }\r\n\r\n .btn {\r\n width: 150px;\r\n\r\n border: none;\r\n outline: none;\r\n height: 49px;\r\n border-radius: var(--btn-border);\r\n color: var(--btn-text);\r\n text-transform: uppercase;\r\n font-weight: 600;\r\n margin: 20px 0;\r\n cursor: pointer;\r\n transition: 0.5s;\r\n }\r\n\r\n .btn:hover {\r\n background-color: var(--btn-pressed);\r\n }\r\n\r\n .panels-container {\r\n position: absolute;\r\n height: 100%;\r\n width: 100%;\r\n top: 0;\r\n left: 0;\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n }\r\n\r\n .container:before {\r\n content: \"\";\r\n position: absolute;\r\n height: 2000px;\r\n width: 2000px;\r\n top: -10%;\r\n right: 48%;\r\n transform: translateY(-50%);\r\n background-image: var(--container-linear);\r\n /*background-color: var(container-color)*/\r\n transition: 1.8s ease-in-out;\r\n border-radius: 50%;\r\n z-index: 6;\r\n }\r\n\r\n .image {\r\n width: 100%;\r\n transition: transform 1.1s ease-in-out;\r\n transition-delay: 0.4s;\r\n }\r\n\r\n .panel {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: flex-end;\r\n justify-content: space-around;\r\n text-align: center;\r\n z-index: 6;\r\n }\r\n\r\n .left-panel {\r\n pointer-events: all;\r\n padding: 3rem 17% 2rem 12%;\r\n }\r\n\r\n .right-panel {\r\n pointer-events: none;\r\n padding: 3rem 12% 2rem 17%;\r\n }\r\n\r\n .panel .content {\r\n color: var(--title-2);\r\n transition: transform 0.9s ease-in-out;\r\n transition-delay: 0.6s;\r\n }\r\n\r\n .panel h3 {\r\n font-weight: 600;\r\n line-height: 1;\r\n font-size: 1.5rem;\r\n }\r\n\r\n .panel p {\r\n font-size: 0.95rem;\r\n padding: 0.7rem 0;\r\n }\r\n\r\n .btn.transparent {\r\n margin: 0;\r\n background: none;\r\n border: var(--btn-transparent);\r\n width: 130px;\r\n height: 41px;\r\n font-weight: 600;\r\n font-size: 0.8rem;\r\n }\r\n\r\n .right-panel .image,\r\n .right-panel .content {\r\n transform: translateX(800px);\r\n }\r\n\r\n .container.sign-up-mode:before {\r\n transform: translate(100%, -50%);\r\n right: 52%;\r\n }\r\n\r\n .container.sign-up-mode .left-panel .image,\r\n .container.sign-up-mode .left-panel .content {\r\n transform: translateX(-800px);\r\n }\r\n\r\n .container.sign-up-mode .signin-signup {\r\n left: 25%;\r\n }\r\n\r\n .container.sign-up-mode form.sign-up-form {\r\n opacity: 1;\r\n z-index: 2;\r\n }\r\n\r\n .container.sign-up-mode form.sign-in-form {\r\n opacity: 0;\r\n z-index: 1;\r\n }\r\n\r\n .container.sign-up-mode .right-panel .image,\r\n .container.sign-up-mode .right-panel .content {\r\n transform: translateX(0%);\r\n }\r\n\r\n .container.sign-up-mode .left-panel {\r\n pointer-events: none;\r\n }\r\n\r\n .container.sign-up-mode .right-panel {\r\n pointer-events: all;\r\n }\r\n\r\n @media (max-width: 870px) {\r\n .container {\r\n min-height: 800px;\r\n height: 100vh;\r\n }\r\n\r\n .signin-signup {\r\n width: 100%;\r\n top: 95%;\r\n transform: translate(-50%, -100%);\r\n transition: 1s 0.8s ease-in-out;\r\n }\r\n\r\n .signin-signup,\r\n .container.sign-up-mode .signin-signup {\r\n left: 50%;\r\n }\r\n\r\n .panels-container {\r\n grid-template-columns: 1fr;\r\n grid-template-rows: 1fr 2fr 1fr;\r\n }\r\n\r\n .panel {\r\n flex-direction: row;\r\n justify-content: space-around;\r\n align-items: center;\r\n padding: 2.5rem 8%;\r\n grid-column: 1 / 2;\r\n }\r\n\r\n .right-panel {\r\n grid-row: 3 / 4;\r\n }\r\n\r\n .left-panel {\r\n grid-row: 1 / 2;\r\n }\r\n\r\n .image {\r\n width: 200px;\r\n transition: transform 0.9s ease-in-out;\r\n transition-delay: 0.6s;\r\n }\r\n\r\n .panel .content {\r\n padding-right: 15%;\r\n transition: transform 0.9s ease-in-out;\r\n transition-delay: 0.8s;\r\n }\r\n\r\n .panel h3 {\r\n font-size: 1.2rem;\r\n }\r\n\r\n .panel p {\r\n font-size: 0.7rem;\r\n padding: 0.5rem 0;\r\n }\r\n\r\n .btn.transparent {\r\n width: 110px;\r\n height: 35px;\r\n margin-top: 5px;\r\n margin-bottom: 15px;\r\n font-size: 0.7rem;\r\n }\r\n\r\n .container:before {\r\n width: 1500px;\r\n height: 1500px;\r\n transform: translateX(-50%);\r\n left: 30%;\r\n bottom: 68%;\r\n right: initial;\r\n top: initial;\r\n transition: 2s ease-in-out;\r\n }\r\n\r\n .container.sign-up-mode:before {\r\n transform: translate(-50%, 100%);\r\n bottom: 32%;\r\n right: initial;\r\n }\r\n\r\n .container.sign-up-mode .left-panel .image,\r\n .container.sign-up-mode .left-panel .content {\r\n transform: translateY(-300px);\r\n }\r\n\r\n .container.sign-up-mode .right-panel .image,\r\n .container.sign-up-mode .right-panel .content {\r\n transform: translateY(0px);\r\n }\r\n\r\n .right-panel .image,\r\n .right-panel .content {\r\n transform: translateY(300px);\r\n }\r\n\r\n .container.sign-up-mode .signin-signup {\r\n top: 5%;\r\n transform: translate(-50%, 0);\r\n }\r\n }\r\n\r\n @media (max-width: 570px) {\r\n form {\r\n padding: 0 1.5rem;\r\n }\r\n\r\n .image {\r\n display: none;\r\n }\r\n\r\n .panel .content {\r\n padding: 0.5rem 1rem;\r\n }\r\n\r\n .container {\r\n padding: 1.5rem;\r\n }\r\n\r\n .container:before {\r\n bottom: 72%;\r\n left: 50%;\r\n }\r\n\r\n .container.sign-up-mode:before {\r\n bottom: 28%;\r\n left: 50%;\r\n }\r\n }\r\n\r\n .modal {\r\n backdrop-filter: blur(5px);\r\n -webkit-backdrop-filter: blur(5px);\r\n }\r\n\r\n .modal-content {\r\n border: none;\r\n background: var(--modal-bg);\r\n box-shadow: 0 5px 10px var(--modal-shadow);\r\n color: var(--text-color);\r\n }\r\n\r\n .modal-dialog {\r\n padding: 0 0.5rem;\r\n }\r\n\r\n .bg-category {\r\n background: var(--category-color);\r\n }\r\n\r\n .bg-config {\r\n background: var(--config-color);\r\n }\r\n\r\n .bt {\r\n width: 150px;\r\n background-color: var(--btn-modal);\r\n border: none;\r\n outline: none;\r\n height: 49px;\r\n border-radius: var(--btn-modal-border);\r\n text-transform: uppercase;\r\n font-weight: 600;\r\n margin: 10px 0;\r\n cursor: pointer;\r\n transition: 0.5s;\r\n }\r\n\r\n .d-flex {\r\n margin: 10px 15px;\r\n\r\n justify-content: center;\r\n align-items: center;\r\n }\r\n\r\n .ms-2 {\r\n margin-left: 0.5rem;\r\n }\r\n\r\n .btn {\r\n\r\n background: linear-gradient(-45deg, #0099ff, #2e26a3);\r\n background-size: 400% 400%;\r\n animation: gradient 10s ease infinite;\r\n }\r\n\r\n @keyframes gradient {\r\n 0% {\r\n background-position: 0% 50%;\r\n }\r\n\r\n 50% {\r\n background-position: 100% 50%;\r\n }\r\n\r\n 100% {\r\n background-position: 0% 50%;\r\n }\r\n }\r\n\r\n .container:before {\r\n\r\n background: linear-gradient(70deg, #0099ff, #2e26a3);\r\n background-size: 100% 100%;\r\n\r\n }\r\n\r\n @keyframes gradient {\r\n 0% {\r\n background-position: 0% 50%;\r\n }\r\n\r\n 50% {\r\n background-position: 100% 50%;\r\n }\r\n\r\n 100% {\r\n background-position: 0% 50%;\r\n }\r\n }\r\n\r\n .titulo {\r\n margin-top: 10px;\r\n }\r\n\r\n h4 {\r\n font-size: 1rem;\r\n }\r\n\r\n .img {\r\n margin: -90px;\r\n }\r\n </style>\r\n</head>\r\n\r\n<body>\r\n <div class=\"container\">\r\n <div class=\"forms-container\">\r\n <div class=\"signin-signup\">\r\n <form class=\"sign-in-form\">\r\n <div class=\"img\" style=\"width: 100%;\"> <!-- Faça com que a div ocupe 100% da largura do contêiner pai -->\r\n <img src=\"https://i.ibb.co/m6x1DDD/SPEED-TUNNEL.png\" alt=\"\"\r\n style=\"width: 100%; height: auto;\"> <!-- Imagem se adapta à largura da div com altura automática para manter a proporção -->\r\n </div>\r\n <div class=\"d-flex gap-2 justify-content-center align-items-center bg-input\" id=\"config-area\">\r\n <i class=\"icon fa fa-cogs\"></i>\r\n <input type=\"text\" placeholder=\"CONFIG.\" disabled id=\"config\">\r\n <i class=\"icon fa fa-angle-double-down\"></i>\r\n </div>\r\n <div class=\"d-flex gap-2 justify-content-center align-items-center bg-input\">\r\n <i class=\"icon fa fa-user\"></i>\r\n <input type=\"text\" placeholder=\"Nome de usuario\" id=\"username\">\r\n </div>\r\n <div class=\"d-flex gap-2 justify-content-center align-items-center bg-input\">\r\n <i class=\"icon fa fa-lock\"></i>\r\n <input type=\"password\" placeholder=\"Senha\" id=\"password\"> <!-- Mude type=\"text\" para type=\"password\" -->\r\n <i class=\"icon fa fa-eye\"\r\n onclick=\"password.type = password.type === 'password' ? 'text' : 'password'\"></i> <!-- Corrija a lógica de alternância aqui -->\r\n </div> \r\n <div class=\"d-flex gap-2 justify-content-center align-items-center bg-input\">\r\n <i class=\"icon fa fa-lock\"></i>\r\n <input type=\"text\" placeholder=\"V2ray UUID\" id=\"uuid\">\r\n <i class=\"icon fa fa-eye\"\r\n onclick=\"uuid.type==`text`?uuid.type = `password`:uuid.type = `text`\"></i>\r\n </div>\r\n <button type=\"button\" class=\"btn solid\" id=\"start-stop\" style=\"width: 100%; padding: 10px 0; font-size: 1em;\">INICIAR</button>\r\n <p class=\"social-text\" id=\"state\" style=\"color: #fff;\"></p>\r\n <div class=\"social-media\">\r\n <a class=\"social-icon\" id=\"sync\" onclick=\"DtStartAppUpdate.execute()\">\r\n <i class=\"bi bi-arrow-repeat\"></i>\r\n </a>\r\n <a class=\"social-icon\" id=\"logger\">\r\n <i class=\"bi bi-file-earmark-text\"></i>\r\n </a>\r\n <a class=\"social-icon\" id=\"checkUser\" onclick=\"DtStartCheckUser.execute()\">\r\n <i class=\"bi bi-calendar2-day\"></i>\r\n </a>\r\n <a class=\"social-icon\" onclick=\"DtStartWebViewActivity.execute('https://t.me/suporte_speednet')\">\r\n <i class=\"bi bi-cash-coin\"></i>\r\n </a>\r\n </div>\r\n </form>\r\n <form class=\"sign-up-form\">\r\n <div class=\"img\" style=\"width: 100%;\"> <!-- Faça com que a div ocupe 100% da largura do contêiner pai -->\r\n <img src=\"https://i.ibb.co/m6x1DDD/SPEED-TUNNEL.png\" alt=\"\"\r\n style=\"width: 100%; height: auto;\"> <!-- Imagem se adapta à largura da div com altura automática para manter a proporção -->\r\n </div>\r\n <h2 class=\"title\">DESFRUTE</h2>\r\n <p class=\"social-text\">Aqui estão algumas ferramentas úteis</p>\r\n <div class=\"social-media\">\r\n <a class=\"social-icon\" data-bs-target=\"#speedTestModal\" data-bs-toggle=\"modal\">\r\n <i class=\"bi bi-speedometer\"></i>\r\n </a>\r\n <a class=\"social-icon\" onclick=\"DtIgnoreBatteryOptimizations.execute()\">\r\n <i class=\"bi bi-battery-full\"></i>\r\n </a>\r\n <a class=\"social-icon\" onclick=\"toggleHotSpot()\">\r\n <i id=\"hotspotIcon\" class=\"bi bi-wifi\"></i>\r\n </a>\r\n <a class=\"social-icon\" onclick=\"DtStartWebViewActivity.execute('https://paineisvip.com/')\">\r\n <i class=\"bi bi-globe\"></i>\r\n </a>\r\n <a class=\"social-icon\" onclick=\"DtCleanApp.execute()\">\r\n <i class=\"bi bi-trash3\"></i>\r\n </a>\r\n </div>\r\n <!-- Botão de teste grátis -->\r\n <button type=\"button\" class=\"btn solid\" onclick=\"DtStartWebViewActivity.execute('https://t.me/SpeedNetSSHBot')\" style=\"width: 100%; padding: 10px 0; font-size: 1em;\">TESTE GRÁTIS/COMPRAR</button>\r\n <p class=\"social-text\" id=\"state\" style=\"color: #fff;\"></p>\r\n <!-- Botão de filems e séries -->\r\n <button type=\"button\" class=\"btn solid\" onclick=\"DtStartWebViewActivity.execute('https://pluto.tv')\" style=\"width: 100%; padding: 10px 0; font-size: 1em;\">FILMES E SÉRIES GRÁTIS</button>\r\n <p class=\"social-text\" id=\"state\" style=\"color: #fff;\"></p>\r\n </form>\r\n </div>\r\n </div>\r\n <div class=\"panels-container\">\r\n <div class=\"panel left-panel\">\r\n <div class=\"content\">\r\n <span class=\"bi bi-wifi\" id=\"name\"> TIM:</span>\r\n <span id=\"ip\">127.0.0.1</span>\r\n <h3 class=\"titulo\">Menu de Ferramentas</h3>\r\n <p>\r\n <i class=\"bi bi-arrow-down-circle-fill\"></i>\r\n </p>\r\n <button class=\"btn transparent\" id=\"sign-up-btn\">\r\n <b class=\"bi bi-tools\"> ABRIR</Menu></b>\r\n </button>\r\n <div class=\"d-flex\">\r\n <h4 class=\"bi bi-person ms-2\" id=\"total\">00</h4>\r\n </div>\r\n </div>\r\n <img src=\"https://i.ibb.co/6XTLc9d/project.png\" class=\"image\" alt=\"\" />\r\n </div>\r\n <div class=\"panel right-panel\">\r\n <div class=\"content\">\r\n <h3>VOLTE PARA HOME</h3>\r\n <p>\r\n <i class=\"bi bi-arrow-down-circle-fill\"></i>\r\n </p>\r\n <button class=\"btn transparent bi bi-house\" id=\"sign-in-btn\"> INÍCIO</button>\r\n </div>\r\n <img src=\"https://i.ibb.co/6XTLc9d/project.png\" class=\"image\" alt=\"\" />\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"modal fade\" id=\"checkUserModal\">\r\n <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\r\n <div class=\"modal-content rounded-3 shadow\">\r\n <div class=\"modal-header border-bottom-0 pb-0\">\r\n <h1 class=\"modal-title fs-5 chk-title text-light\"></h1>\r\n <button type=\"button\" class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"\r\n aria-label=\"Close\"></button>\r\n </div>\r\n <div class=\"modal-body text-center\">\r\n <p class=\"fs-5 mb-0 chk-message text-light\"></p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"modal fade\" id=\"errorModal\">\r\n <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\r\n <div class=\"modal-content rounded-3 shadow\">\r\n <div class=\"modal-header border-bottom-0 pb-0\">\r\n <h1 class=\"modal-title fs-5 err-title text-light\"></h1>\r\n <button type=\"button\" class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"\r\n aria-label=\"Close\"></button>\r\n </div>\r\n <div class=\"modal-body text-center\">\r\n <p class=\"fs-5 mb-0 err-message text-light\"></p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"modal fade\" id=\"loggerModal\">\r\n <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\r\n <div class=\"modal-content rounded-3 shadow\">\r\n <div class=\"modal-body p-1 text-center\">\r\n <ul class=\"list-group bg-transparent overflow-y-auto logger-content\" style=\"max-height: 600px;\">\r\n </ul>\r\n </div>\r\n <div class=\"modal-footer flex-nowrap p-0\">\r\n <button type=\"button\" class=\"bt btn-lg btn-dark text-light w-100 clear-logger\">LIMPAR</button>\r\n <button type=\"button\" class=\"bt btn-lg btn-dark text-light w-100\"\r\n data-bs-dismiss=\"modal\">FECHAR</button>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"modal fade\" id=\"configModal\">\r\n <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\r\n <div class=\"modal-content rounded-3 shadow\">\r\n <div class=\"modal-header border-bottom-0 pb-0\">\r\n <h1 class=\"modal-title fs-5 text-white\">CONFIGURAÇÕES</h1>\r\n <button type=\"button\" class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"\r\n aria-label=\"Close\"></button>\r\n </div>\r\n <div class=\"modal-body p-1 text-center\">\r\n <ul class=\"list-group bg-transparent overflow-y-auto config-body\" style=\"max-height: 600px;\">\r\n <li class=\"list-group-item bg-transparent text-white border-0\">\r\n <p>CATEGORIA</p>\r\n <ul class=\"list-group bg-transparent overflow-y-auto text-start\">\r\n <li\r\n class=\"list-group-item d-flex bg-transparent text-white border-0 border-bottom rounded-0\">\r\n <img src=\"https://cdn-icons-png.flaticon.com/512/3686/3686811.png\" width=\"40\"\r\n height=\"40\">\r\n <div class=\"d-flex flex-column ms-2 w-100\">\r\n <span>CONFIG 01</span>\r\n <span>DESC 01</span>\r\n </div>\r\n <div class=\"d-flex flex-column ms-2 w-100\">\r\n <span class=\"text-end\">CONFIG_MODE</span>\r\n </div>\r\n </li>\r\n </ul>\r\n </li>\r\n </ul>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"modal fade\" id=\"speedTestModal\">\r\n <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\r\n <div class=\"modal-content rounded-3 shadow\">\r\n <div class=\"modal-header border-bottom-0 py-3\">\r\n <button type=\"button\" class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"\r\n aria-label=\"Close\"></button>\r\n </div>\r\n <div class=\"modal-body ratio rounded-bottom-3\" style=\"height: 600px;\">\r\n <div class=\"spinner d-flex w-100 h-100 align-items-center justify-content-center\">\r\n <div class=\"spinner-border text-light p-5\" role=\"status\">\r\n <span class=\"visually-hidden\">Loading...</span>\r\n </div>\r\n </div>\r\n <iframe class=\"rounded-bottom-3\" id=\"speedFrame\"></iframe>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <script>\r\n const sign_in_btn = document.querySelector(\"#sign-in-btn\");\r\n const sign_up_btn = document.querySelector(\"#sign-up-btn\");\r\n const container = document.querySelector(\".container\");\r\n\r\n sign_up_btn.addEventListener(\"click\", () => {\r\n container.classList.add(\"sign-up-mode\");\r\n });\r\n\r\n sign_in_btn.addEventListener(\"click\", () => {\r\n container.classList.remove(\"sign-up-mode\");\r\n });\r\n </script>\r\n <script type=\"text/javascript\" src=\"https://cdn.jsdelivr.net/npm/toastify-js\"></script>\r\n <script>\r\n const configArea = document.querySelector('#config-area')\r\n const config = document.querySelector('#config')\r\n const username = document.querySelector('#username')\r\n const password = document.querySelector('#password')\r\n const uuid = document.querySelector('#uuid')\r\n const logger = document.querySelector('#logger')\r\n\r\n const startStopVpn = document.querySelector('#start-stop')\r\n const stateStatus = document.querySelector('#state')\r\n\r\n const loggerModal = new bootstrap.Modal(document.querySelector('#loggerModal'))\r\n const checkUserModal = new bootstrap.Modal(document.querySelector('#checkUserModal'))\r\n const errorModal = new bootstrap.Modal(document.querySelector('#errorModal'))\r\n const configModal = new bootstrap.Modal(document.querySelector('#configModal'))\r\n\r\n const clearLogger = document.querySelector('.clear-logger')\r\n\r\n const speedTestModal = new bootstrap.Modal(document.querySelector('#speedTestModal'))\r\n\r\n const toggleHotSpot = () => {\r\n const hotSpotStatus = window?.DtGetStatusHotSpotService?.execute() ?? 'STOPPED';\r\n hotSpotStatus == 'RUNNING' ? stopHotSpot() : startHotSpot();\r\n }\r\n const startHotSpot = () => DtStartHotSpotService.execute();\r\n const stopHotSpot = () => DtStopHotSpotService.execute();\r\n\r\n configArea.addEventListener('click', e => showConfigsModal())\r\n username.addEventListener('input', e => DtUsername.set(e.target.value))\r\n password.addEventListener('input', e => DtPassword.set(e.target.value))\r\n uuid.addEventListener('input', e => DtUuid.set(e.target.value))\r\n\r\n logger.addEventListener('click', e => loggerModal.show())\r\n\r\n startStopVpn.addEventListener('click', (e) => {\r\n if (DtGetVpnState.execute() != 'DISCONNECTED') {\r\n DtExecuteVpnStop.execute()\r\n } else {\r\n DtExecuteVpnStart.execute()\r\n }\r\n })\r\n clearLogger.addEventListener('click', () => DtClearLogs.execute())\r\n\r\n speedTestModal._element.addEventListener('shown.bs.modal', () => {\r\n const iframe = document.querySelector('#speedFrame');\r\n if (!iframe.src) {\r\n iframe.src = 'https://fast.com'\r\n iframe.addEventListener('load', () => {\r\n mp3Modal._element.querySelector('.spinner').classList.add('d-none')\r\n })\r\n }\r\n })\r\n speedTestModal._element.addEventListener('hide.bs.modal', () => {\r\n const iframe = document.querySelector('#speedFrame');\r\n iframe.src = '';\r\n })\r\n\r\n Object.defineProperty(String.prototype, 't', {\r\n value: function t() {\r\n return window?.DtTranslateText?.execute('' + this) ?? '' + this\r\n },\r\n writable: true,\r\n configurable: true,\r\n })\r\n\r\n const dtConfigClickListener = () => {\r\n const data = JSON.parse(window?.DtGetDefaultConfig?.execute() || `{ \"auth\": {\"username\": \"\"} }`)\r\n const isV2ray = data?.mode?.toLowerCase()?.startsWith('v2ray');\r\n\r\n config.placeholder = data.name ?? 'Escolha um servidor';\r\n username.parentElement.style.setProperty('display', !data?.auth?.username && !isV2ray ? 'flex' : 'none', 'important')\r\n password.parentElement.style.setProperty('display', !data?.auth?.password && !isV2ray ? 'flex' : 'none', 'important')\r\n uuid.parentElement.style.setProperty('display', !data?.auth?.v2ray_uuid && isV2ray ? 'flex' : 'none', 'important')\r\n }\r\n\r\n const dtVpnStateListener = state => {\r\n const isRunning = state != 'DISCONNECTED';\r\n\r\n stateStatus.innerHTML = ('LBL_STATE_' + state).t()\r\n startStopVpn.innerHTML = isRunning ? 'LBL_BTN_STOP'.t() : 'LBL_BTN_START'.t()\r\n\r\n if (isRunning) {\r\n username.setAttribute('readonly', 'true')\r\n password.setAttribute('readonly', 'true')\r\n } else {\r\n username.removeAttribute('readonly')\r\n password.removeAttribute('readonly')\r\n }\r\n\r\n if (state == 'CONNECTING') dtShowSuccessToastListener('Conectado...')\r\n\r\n }\r\n\r\n const dtCheckUserStartedListener = () => {\r\n const data = JSON.parse(window?.DtGetDefaultConfig?.execute() || `{}`)\r\n const isV2ray = data?.mode?.toLowerCase()?.startsWith('v2ray');\r\n if (isV2ray) return;\r\n\r\n const html = `\r\n <div class=\"d-flex justify-content-center\">\r\n <div class=\"spinner-border p-4\" role=\"status\">\r\n <span class=\"visually-hidden\">Loading...</span>\r\n </div>\r\n </div>\r\n `\r\n\r\n checkUserModal._element.querySelector('.chk-title').textContent = 'CHECK USER'\r\n checkUserModal._element.querySelector('.chk-message').innerHTML = html;\r\n checkUserModal.show()\r\n }\r\n\r\n const dtCheckUserModelListener = model => {\r\n const data = JSON.parse(model ?? `{\"username\": \"test\"}`)\r\n const html = `\r\n <!-- <div class=\"d-flex <flex-column> text-white\"> -->\r\n <div text-white\">\r\n <img src=\"https://i.ibb.co/BzM22Tj/SPEED-TUNNEL-2.png\" alt=\"SpeedNET\" style=\"width: 100%; height: auto;\"> <!-- Imagem se adapta à largura da div com altura automática para manter a proporção -->\r\n <p><b>USUÁRIO:</b> <font color=\"#00BFFFF\">${data.username}</font></p>\r\n <p><b>VALIDADE:</b> <font color=\"#00BFFFF\"><u>${data.expiration_date}</u></font></p>\r\n <p><b>DIAS RESTANTES:</b> <font color=\"#00BFFFF\">${data.expiration_days}</font></p>\r\n <p><b>CONEXÕES:</b> <font color=\"#00BFFFF\"> ${data.count_connections}</font></p>\r\n </div>\r\n `\r\n\r\n checkUserModal._element.querySelector('.chk-title').textContent = ''\r\n checkUserModal._element.querySelector('.chk-message').innerHTML = html;\r\n checkUserModal.show()\r\n }\r\n\r\n const dtMessageErrorListener = message => {\r\n const data = JSON.parse(message)\r\n errorModal._element.querySelector('.err-title').textContent = data.title;\r\n errorModal._element.querySelector('.err-message').innerHTML = data.content;\r\n errorModal.show()\r\n }\r\n\r\n const dtOnNewLogListener = () => {\r\n const mock = [];\r\n for (let i = 0; i < 30; i++) {\r\n mock.push({ 'TIME': 'MESSAGE ' + i })\r\n }\r\n\r\n const log = window?.DtGetLogs?.execute() || JSON.stringify(mock)\r\n const data = JSON.parse(log)\r\n\r\n let content = '';\r\n data.forEach(item => {\r\n 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);\">';\r\n content += Object.keys(item)[0] + \" \" + item[Object.keys(item)]\r\n content += '</li>';\r\n })\r\n\r\n loggerModal._element.querySelector('.logger-content').innerHTML = content;\r\n const listGroup = loggerModal._element.querySelector('.list-group')\r\n listGroup.scrollTo(0, listGroup.scrollHeight)\r\n }\r\n\r\n const dtVpnStartedSuccessListener = () => dtShowSuccessToastListener('Conectado com sucesso')\r\n\r\n const dtVpnStoppedSuccessListener = () => dtShowSuccessToastListener('Desconectado com sucesso')\r\n\r\n const dtShowSuccessToastListener = text => {\r\n Toastify({\r\n text: text,\r\n close: true,\r\n style: {\r\n background: 'linear-gradient(to right, #00b09b, #96c93d)',\r\n marginTop: '35px',\r\n textAlign: 'center',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n }\r\n }).showToast()\r\n }\r\n\r\n const dtShowErrorToastListener = text => {\r\n Toastify({\r\n text: text,\r\n close: true,\r\n style: {\r\n background: 'linear-gradient(to right, #ff5c33, #e69900)',\r\n marginTop: '35px',\r\n\r\n }\r\n }).showToast()\r\n }\r\n\r\n const showConfigsModal = () => {\r\n 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\"}]}]'\r\n const data = JSON.parse(window?.DtGetConfigs?.execute() || mock)\r\n\r\n data.sort((a, b) => a.sorter - b.sorter)\r\n data.forEach(item => item.items.sort((a, b) => a.sorter - b.sorter))\r\n\r\n const body = configModal._element.querySelector('.config-body')\r\n body.innerHTML = ''\r\n\r\n data.forEach(category => {\r\n const categoryElement = document.createElement('li')\r\n categoryElement.className = 'list-group-item bg-transparent border-0 mb-1 rounded-1 px-1'\r\n categoryElement.style.color = 'var(--text-color)'\r\n categoryElement.innerHTML = `<span class=\"fw-bold w-100 d-block p-1 rounded-1 mb-1 bg-category\">${category.name}</span>`\r\n\r\n const configUlElement = document.createElement('ul')\r\n configUlElement.className = 'list-group overflow-y-auto'\r\n\r\n category.items.forEach(item => {\r\n const configElement = document.createElement('li')\r\n configElement.className = 'list-group-item d-flex border-0 bg-config rounded-2 px-1 py-2 mb-1'\r\n configElement.style.color = 'var(--text-color)'\r\n configElement.innerHTML = `\r\n <img src=\"${item.icon}\" width=\"40\" height=\"40\">\r\n <div class=\"text-start d-flex flex-column ms-2 w-100 text-truncate\">\r\n <span class=\"fw-bold text-uppercase\" style=\"font-size: 0.8rem;\">${item.name}</span>\r\n <span class=\"fst-italic fw-bold text-uppercase\" style=\"font-size: 0.7rem;\">${item.description || ''}</span>\r\n </div>\r\n <div class=\"d-flex flex-column ms-2\">\r\n \r\n </div>\r\n </li>\r\n `\r\n configElement.addEventListener('click', e => {\r\n window?.DtSetConfig?.execute(item.id)\r\n configModal.hide()\r\n })\r\n configUlElement.appendChild(configElement)\r\n })\r\n\r\n categoryElement.appendChild(configUlElement)\r\n body.appendChild(categoryElement)\r\n })\r\n\r\n configModal.show()\r\n }\r\n\r\n username.value = window?.DtUsername?.get() ?? ''\r\n password.value = window?.DtPassword?.get() ?? ''\r\n uuid.value = window?.DtUuid?.get() ?? ''\r\n\r\n username.placeholder = 'LBL_USERNAME'.t()\r\n password.placeholder = 'LBL_PASSWORD'.t()\r\n uuid.placeholder = 'LBL_UUID'.t()\r\n\r\n dtOnNewLogListener()\r\n dtVpnStateListener(window?.DtGetVpnState?.execute() ?? 'DISCONNECTED')\r\n dtConfigClickListener()\r\n\r\n console.log('DTunnel layout ready!🚀')\r\n </script>\r\n <script>\r\n class AndroidMock {\r\n static getLocalIP() {\r\n return '192.168.0.1';\r\n }\r\n\r\n static getConfig() {\r\n return JSON.stringify({\r\n urlCheckUser: 'URLAQUI'\r\n });\r\n }\r\n\r\n static getNetworkName() {\r\n return 'REDE';\r\n }\r\n\r\n static openRadioInfo() {\r\n console.log('openRadioInfo');\r\n }\r\n }\r\n </script>\r\n <script>\r\n function showLocalIP(android) {\r\n console.log(android.getNetworkName());\r\n document.getElementById('name').innerHTML = ' ' + android.getNetworkName() + ':';\r\n document.getElementById('ip').innerHTML = android.getLocalIP();\r\n\r\n setInterval(() => {\r\n document.getElementById('name').innerHTML =\r\n ' ' + android.getNetworkName() + ':';\r\n document.getElementById('ip').innerHTML = android.getLocalIP();\r\n }, 2000)\r\n }\r\n\r\n function showCheckUser(android) {\r\n const config = JSON.parse(window?.DtGetDefaultConfig?.execute() ?? android.getConfig());\r\n\r\n const urlCheckUser = new URL(config.urlCheckUser);\r\n urlCheckUser.protocol = 'ws:';\r\n const socket = new WebSocket(urlCheckUser);\r\n socket.onopen = function (e) {\r\n socket.send(JSON.stringify({\r\n action: 'all',\r\n data: {}\r\n }));\r\n };\r\n\r\n socket.onmessage = function (event) {\r\n const data = JSON.parse(event.data);\r\n if (data.total === undefined)\r\n return;\r\n\r\n const total = data.total;\r\n document.getElementById('total').innerHTML = ' ' + String(total).padStart(2, '0');\r\n socket.close();\r\n };\r\n }\r\n\r\n window.onload = function () {\r\n const android = window.Android || AndroidMock;\r\n showLocalIP(android);\r\n showCheckUser(android);\r\n }\r\n </script>\r\n</body>\r\n\r\n</html>",
  345. "type": "HTML",
  346. "status": "ACTIVE",
  347. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  348. },
  349. {
  350. "id": 3823,
  351. "label": "ANDROID WEBVIEW (POR SUA CONTA E RISCO)",
  352. "name": "APP_SUPPORT_BUTTON",
  353. "value": "",
  354. "type": "HTML",
  355. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  356. },
  357. {
  358. "id": 3824,
  359. "label": "PAGINA WEBVIEW (POR SUA CONTA E RISCO)",
  360. "name": "APP_WEB_VIEW",
  361. "type": "HTML",
  362. "value": "",
  363. "user_id": "WNAISZU3-L6CV-QPL1-HF0C-NQZXDYH7JGI2"
  364. }
  365. ]
comments powered by Disqus