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: 85.9 kB

History Raw Download

HITS: 4440

Report
  1. [
  2. {
  3. "id": 26680,
  4. "label": "Nome do app",
  5. "name": "APP_NAME",
  6. "value": "NETHDPUS VPN",
  7. "type": "STRING",
  8. "status": "ACTIVE",
  9. "user_id": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  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": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  19. },
  20. {
  21. "id": 26682,
  22. "label": "Imagem de fundo",
  23. "name": "APP_BACKGROUND_IMAGE",
  24. "value": "https://i.imgur.com/Ljnl791.jpg",
  25. "type": "IMAGE",
  26. "status": "ACTIVE",
  27. "user_id": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  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": "IMAGE"
  45. },
  46. "type": "SELECT",
  47. "status": "ACTIVE",
  48. "user_id": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  49. },
  50. {
  51. "id": 3811,
  52. "label": "Cor de fundo",
  53. "name": "APP_BACKGROUND_COLOR",
  54. "value": "#594e4ede",
  55. "type": "COLOR",
  56. "status": "ACTIVE",
  57. "user_id": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  58. },
  59. {
  60. "id": 3812,
  61. "label": "Cor do card inicial",
  62. "name": "APP_CARD_COLOR",
  63. "value": "#1d242eff",
  64. "type": "COLOR",
  65. "status": "ACTIVE",
  66. "user_id": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  67. },
  68. {
  69. "id": 7979,
  70. "label": "Raio do card inicial",
  71. "name": "APP_CARD_RADIUS",
  72. "value": 5,
  73. "type": "INTEGER",
  74. "status": "ACTIVE",
  75. "user_id": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  76. },
  77. {
  78. "id": 7980,
  79. "label": "Cor do card de status",
  80. "name": "APP_CARD_STATUS_COLOR",
  81. "value": "#1d242eff",
  82. "type": "COLOR",
  83. "status": "ACTIVE",
  84. "user_id": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  85. },
  86. {
  87. "id": 7981,
  88. "label": "Raio do card de status",
  89. "name": "APP_CARD_STATUS_RADIUS",
  90. "value": 5,
  91. "type": "INTEGER",
  92. "status": "ACTIVE",
  93. "user_id": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  94. },
  95. {
  96. "id": 3813,
  97. "label": "Cor do card de configurações",
  98. "name": "APP_CARD_CONFIG_COLOR",
  99. "value": "#1d242ed1",
  100. "type": "COLOR",
  101. "status": "ACTIVE",
  102. "user_id": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  103. },
  104. {
  105. "id": 3814,
  106. "label": "Cor do fundo dos dialogs",
  107. "name": "APP_DIALOG_BACKGROUND_COLOR",
  108. "value": "#0e171eff",
  109. "type": "COLOR",
  110. "status": "ACTIVE",
  111. "user_id": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  112. },
  113. {
  114. "id": 11850,
  115. "label": "Cor do fundo do dialog de log",
  116. "name": "APP_DIALOG_LOGGER_COLOR",
  117. "value": "#995effff",
  118. "type": "COLOR",
  119. "status": "ACTIVE",
  120. "user_id": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  121. },
  122. {
  123. "id": 3815,
  124. "label": "Cor das bordas",
  125. "name": "APP_BORDER_COLOR",
  126. "value": "#4b4bf2cf",
  127. "type": "COLOR",
  128. "status": "ACTIVE",
  129. "user_id": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  130. },
  131. {
  132. "id": 7982,
  133. "label": "Cor dos inputs",
  134. "name": "APP_INPUT_COLOR",
  135. "value": "#a1aeb3ff",
  136. "type": "COLOR",
  137. "status": "ACTIVE",
  138. "user_id": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  139. },
  140. {
  141. "id": 7983,
  142. "label": "Raio dos inputs",
  143. "name": "APP_INPUT_RADIUS",
  144. "value": 5,
  145. "type": "INTEGER",
  146. "status": "ACTIVE",
  147. "user_id": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  148. },
  149. {
  150. "id": 3816,
  151. "label": "Cor dos textos",
  152. "name": "APP_TEXT_COLOR",
  153. "value": "#ebebeb",
  154. "type": "COLOR",
  155. "status": "ACTIVE",
  156. "user_id": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  157. },
  158. {
  159. "id": 3817,
  160. "label": "Cor dos botões",
  161. "name": "APP_BUTTON_COLOR",
  162. "value": "#dededec7",
  163. "type": "COLOR",
  164. "status": "ACTIVE",
  165. "user_id": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  166. },
  167. {
  168. "id": 7984,
  169. "label": "Raio dos botões",
  170. "name": "APP_BUTTON_RADIUS",
  171. "value": 5,
  172. "type": "INTEGER",
  173. "status": "ACTIVE",
  174. "user_id": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  175. },
  176. {
  177. "id": 3818,
  178. "label": "Cor dos icones",
  179. "name": "APP_ICON_COLOR",
  180. "value": "#0000ff",
  181. "type": "COLOR",
  182. "status": "ACTIVE",
  183. "user_id": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  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": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  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": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  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": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  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": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  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": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  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": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  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": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  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": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  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": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  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": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  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": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  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": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  292. },
  293. {
  294. "id": 3820,
  295. "label": "Mensagem",
  296. "name": "APP_MESSAGE",
  297. "value": "Bem vindo ao NETHDPLUS",
  298. "type": "TEXT",
  299. "status": "ACTIVE",
  300. "user_id": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  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": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  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": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  339. },
  340. {
  341. "id": 14430,
  342. "label": "LAYOUT WEBVIEW (POR SUA CONTA E RISCO)",
  343. "name": "APP_LAYOUT_WEBVIEW",
  344. "value": "\r\n<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n\r\n<head>\r\n <meta charset=\"UTF-8\" />\r\n <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\" />\r\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\r\n\r\n <title>PicaPau</title>\r\n\r\n <link rel=\"stylesheet\" type=\"text/css\" href=\"https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css\">\r\n <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css\" rel=\"stylesheet\"\r\n integrity=\"sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ\" crossorigin=\"anonymous\">\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 <link rel='stylesheet'\r\n href='https://cdn-uicons.flaticon.com/2.0.0/uicons-regular-rounded/css/uicons-regular-rounded.css'>\r\n\r\n <style>\r\n @import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');\r\n\r\n :root {\r\n /*------------------------------------------------------------------------EDITE SOMENTE AQUI INICIAL-----------------------------------------------------------------------------*/\r\n\r\n\r\n\r\n\r\n\r\n /* -------------- LOGO -----------------------------------*/\r\n\r\n --logo-img-url: url(https://i.ibb.co/TmY8kj2/5a1cede541bb76-5518196215118453492692.png);\r\n\r\n\r\n /* Cria uma sombra na LOGO */\r\n /*\r\n --shadow1-offset-x: -5px;\r\n --shadow1-offset-y: 8px;\r\n --shadow1-blur: 3px;\r\n --shadow1-color: black;\r\n /*\r\n\r\n /*------------------------------------------------------------------------*/\r\n\r\n\r\n /*-------------------fundo-----------------------------*/\r\n\r\n\r\n \r\n --background-img: url(https://i.ibb.co/K9vFWrG/547255-adapted-1080x2340.jpg);\r\n \r\n\r\n\r\n /*Quadrados Coloridos*/\r\n\r\n /*\r\n \r\n --cor1: #009c3b;\r\n --cor2: #ffdf00 ;\r\n --cor3: #002776 ;\r\n --cor4: #ffffff00;\r\n \r\n /*\r\n \r\n /* Valor padrão para o desfoque dos quadrados */\r\n --blur-amount: 15px;\r\n /*------------------------------------------------------------------------*/\r\n\r\n\r\n /*Ondas Coloridas*/\r\n \r\n --onda1:#009c3b ;\r\n --onda2: #ffdf00;\r\n --onda3: #002776;\r\n /*--cor-background: #000000;*/\r\n\r\n /*------------------------------------------------------------------------*/\r\n\r\n \r\n\r\n\r\n\r\n\r\n /* Valor padrão para o desfoque do vidro */\r\n --blur-amount2: 5px;\r\n --vidro-color: rgba(0, 0, 0, 0.158);\r\n\r\n /* Cria uma sombra no Vidro */\r\n\r\n /*\r\n --shadow-offset-x: -5px;\r\n --shadow-offset-y: 8px;\r\n --shadow-blur: 3px;\r\n --shadow-color: black;\r\n \r\n */\r\n\r\n /*------------------------------------------------------------------------*/\r\n\r\n\r\n /*Cores Dos Botao de iniciar*/\r\n --cor-gradiente-nav-inicial: #009c3c44;\r\n --cor-gradiente-nav-final: #ffdd0050;\r\n --cor-icon-config: #ffffff;\r\n\r\n /*------------------------------------------------------------------------*/\r\n /*Cores Dos Botao de conectar*/\r\n --cor-gradiente-btstart-incial: #009c3c44;\r\n --cor-gradiente-btstart-final: #ffdd0050;\r\n\r\n /*------------------------------------------------------------------------*/\r\n /*Cores Dos icones e TexTo*/\r\n --text-color: #ffffff;\r\n --icon-color: #ffffff;\r\n /*------------------------------------------------------------------------*/\r\n /*Cores Dos config*/\r\n --cor-text-config: #ffffff;\r\n --cor-gradiente-config-incial: #009c3c44;\r\n --cor-gradiente-config-final: #ffdd0050;\r\n\r\n /*------------------------------------------------------------------------EDITE SOMENTE AQUI FINALLLL-----------------------------------------------------------------------------*/\r\n\r\n\r\n --input-border-radius: 5px;\r\n --input-background-color: #0a091a55;\r\n\r\n --card-border-radius: 5px;\r\n --card-background-color: #0b092868;\r\n\r\n --btn-background-color: #0a091a55;\r\n --btn-border-radius: 15px;\r\n\r\n --modal-background-color: #0b092868;\r\n\r\n\r\n }\r\n\r\n * {\r\n margin: 0;\r\n padding: 0;\r\n box-sizing: border-box;\r\n font-family: 'Roboto', sans-serif;\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 background-repeat: no-repeat;\r\n background-size: cover;\r\n background-color: var(--cor-background);\r\n }\r\n\r\n\r\n .circles {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n overflow: hidden;\r\n }\r\n\r\n .circles li {\r\n position: absolute;\r\n display: block;\r\n list-style: none;\r\n width: 20px;\r\n height: 20px;\r\n background-color: var(--cor1);\r\n background-image: linear-gradient(225deg, var(--cor2) 10%, var(--cor3) 50%, var(--cor4) 100%);\r\n backdrop-filter: blur(15px);\r\n animation: animate 5s linear infinite;\r\n bottom: -150px;\r\n }\r\n\r\n .circles li:nth-child(1) {\r\n left: 25%;\r\n width: 80px;\r\n height: 80px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .circles li:nth-child(2) {\r\n left: 10%;\r\n width: 20px;\r\n height: 20px;\r\n animation-delay: 2s;\r\n animation-duration: 12s;\r\n }\r\n\r\n .circles li:nth-child(3) {\r\n left: 70%;\r\n width: 20px;\r\n height: 20px;\r\n animation-delay: 4s;\r\n }\r\n\r\n .circles li:nth-child(4) {\r\n left: 40%;\r\n width: 60px;\r\n height: 60px;\r\n animation-delay: 0s;\r\n animation-duration: 18s;\r\n }\r\n\r\n .circles li:nth-child(5) {\r\n left: 65%;\r\n width: 20px;\r\n height: 20px;\r\n animation-delay: 0s;\r\n }\r\n\r\n .circles li:nth-child(6) {\r\n left: 75%;\r\n width: 110px;\r\n height: 110px;\r\n animation-delay: 3s;\r\n }\r\n\r\n .circles li:nth-child(7) {\r\n left: 35%;\r\n width: 150px;\r\n height: 150px;\r\n animation-delay: 7s;\r\n }\r\n\r\n .circles li:nth-child(8) {\r\n left: 50%;\r\n width: 25px;\r\n height: 25px;\r\n animation-delay: 15s;\r\n animation-duration: 45s;\r\n }\r\n\r\n .circles li:nth-child(9) {\r\n left: 20%;\r\n width: 15px;\r\n height: 15px;\r\n animation-delay: 2s;\r\n animation-duration: 35s;\r\n }\r\n\r\n .circles li:nth-child(10) {\r\n left: 85%;\r\n width: 150px;\r\n height: 150px;\r\n animation-delay: 0s;\r\n animation-duration: 11s;\r\n }\r\n\r\n @keyframes animate {\r\n\r\n 0% {\r\n transform: translateY(0) rotate(0deg);\r\n opacity: 1;\r\n border-radius: 0;\r\n }\r\n\r\n 100% {\r\n transform: translateY(-1000px) rotate(720deg);\r\n opacity: 0;\r\n border-radius: 50%;\r\n }\r\n\r\n }\r\n\r\n /*waves****************************/\r\n\r\n\r\n .box {\r\n position: fixed;\r\n top: 0;\r\n transform: rotate(80deg);\r\n left: 0;\r\n }\r\n\r\n .wave {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n opacity: 0.9;\r\n position: absolute;\r\n top: 3%;\r\n left: 10%;\r\n background: var(--onda3);\r\n width: 1000px;\r\n height: 1000px;\r\n margin-left: -50px;\r\n margin-top: -200px;\r\n transform-origin: 50% 48%;\r\n border-radius: 43%;\r\n animation: drift 7000ms infinite linear;\r\n }\r\n\r\n .wave.-three {\r\n animation: drift 7500ms infinite linear;\r\n position: fixed;\r\n opacity: 0.9;\r\n background-color: var(--onda1);\r\n }\r\n\r\n .wave.-two {\r\n animation: drift 5500ms infinite linear;\r\n opacity: 0.9;\r\n background: var(--onda2);\r\n position: fixed;\r\n }\r\n\r\n .box:after {\r\n content: '';\r\n display: block;\r\n left: 0;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 11;\r\n transform: translate3d(0, 0, 0);\r\n }\r\n\r\n @keyframes drift {\r\n from {\r\n transform: rotate(0deg);\r\n }\r\n\r\n from {\r\n transform: rotate(360deg);\r\n }\r\n }\r\n\r\n /*LOADING SPACE*/\r\n\r\n .contain {\r\n animation-delay: 4s;\r\n z-index: 1000;\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n bottom: 0;\r\n right: 0;\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: flex;\r\n -ms-flex-flow: row nowrap;\r\n flex-flow: row nowrap;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n align-items: center;\r\n\r\n background: #25a7d7;\r\n background: -webkit-linear-gradient(#25a7d7, #2962FF);\r\n background: linear-gradient(#25a7d7, #25a7d7);\r\n }\r\n\r\n .icon {\r\n width: 100px;\r\n height: 100px;\r\n margin: 0 5px;\r\n }\r\n\r\n /*Animation*/\r\n .icon:nth-child(2) img {\r\n -webkit-animation-delay: 0.2s;\r\n animation-delay: 0.2s\r\n }\r\n\r\n .icon:nth-child(3) img {\r\n -webkit-animation-delay: 0.3s;\r\n animation-delay: 0.3s\r\n }\r\n\r\n .icon:nth-child(4) img {\r\n -webkit-animation-delay: 0.4s;\r\n animation-delay: 0.4s\r\n }\r\n\r\n .icon img {\r\n -webkit-animation: anim 2s ease infinite;\r\n animation: anim 2s ease infinite;\r\n -webkit-transform: scale(0, 0) rotateZ(180deg);\r\n transform: scale(0, 0) rotateZ(180deg);\r\n }\r\n\r\n @-webkit-keyframes anim {\r\n 0% {\r\n -webkit-transform: scale(0, 0) rotateZ(-90deg);\r\n transform: scale(0, 0) rotateZ(-90deg);\r\n opacity: 0\r\n }\r\n\r\n 30% {\r\n -webkit-transform: scale(1, 1) rotateZ(0deg);\r\n transform: scale(1, 1) rotateZ(0deg);\r\n opacity: 1\r\n }\r\n\r\n 50% {\r\n -webkit-transform: scale(1, 1) rotateZ(0deg);\r\n transform: scale(1, 1) rotateZ(0deg);\r\n opacity: 1\r\n }\r\n\r\n 80% {\r\n -webkit-transform: scale(0, 0) rotateZ(90deg);\r\n transform: scale(0, 0) rotateZ(90deg);\r\n opacity: 0\r\n }\r\n }\r\n\r\n @keyframes anim {\r\n 0% {\r\n -webkit-transform: scale(0, 0) rotateZ(-90deg);\r\n transform: scale(0, 0) rotateZ(-90deg);\r\n opacity: 0\r\n }\r\n\r\n 30% {\r\n -webkit-transform: scale(1, 1) rotateZ(0deg);\r\n transform: scale(1, 1) rotateZ(0deg);\r\n opacity: 1\r\n }\r\n\r\n 50% {\r\n -webkit-transform: scale(1, 1) rotateZ(0deg);\r\n transform: scale(1, 1) rotateZ(0deg);\r\n opacity: 1\r\n }\r\n\r\n 80% {\r\n -webkit-transform: scale(0, 0) rotateZ(90deg);\r\n transform: scale(0, 0) rotateZ(90deg);\r\n opacity: 0\r\n }\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 max-width: 465px;\r\n background: var(--background-img);\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-size: cover;\r\n }\r\n\r\n .text_config {\r\n color: var(--cor-text-config) !important;\r\n }\r\n\r\n .logo {\r\n width: 100%;\r\n display: block;\r\n margin-top: 0px;\r\n margin-bottom: 15px;\r\n margin-left: auto;\r\n margin-right: auto;\r\n content: var(--logo-img-url);\r\n filter: drop-shadow(var(--shadow1-offset-x) var(--shadow1-offset-y) var(--shadow1-blur) var(--shadow1-color));\r\n }\r\n\r\n\r\n .card {\r\n backdrop-filter: blur(var(--blur-amount2));\r\n background: var(--vidro-color);\r\n border-radius: 20px;\r\n border: 1px solid #1e1e1e !important;\r\n box-shadow: -8px 12px 20px 0 rgb(13 15 18 / 63%) !important;\r\n padding: 15px !important;\r\n max-width: 450px;\r\n height: auto;\r\n position: relative;\r\n filter: drop-shadow(var(--shadow-offset-x) var(--shadow-offset-y) var(--shadow-blur) var(--shadow-color));\r\n }\r\n\r\n .btn-dark {\r\n border: none;\r\n background: linear-gradient(var(--cor-gradiente-btstart-incial), var(--cor-gradiente-btstart-final));\r\n border-radius: 15px;\r\n --bs-btn-hover-bg: #4b8d4b18 !important;\r\n --bs-btn-hover-border-color: #47593f2f !important;\r\n }\r\n\r\n .modal-content {\r\n background-color: transparent;\r\n backdrop-filter: blur(25px);\r\n }\r\n\r\n .tool {\r\n align-items: center;\r\n justify-content: center;\r\n text-align: center;\r\n }\r\n\r\n .tool-bt {\r\n background: linear-gradient(var(--cor-gradiente-config-incial), var(--cor-gradiente-config-final));\r\n border-radius: 20px;\r\n color: var(--cor-text-config) !important;\r\n height: 35px;\r\n width: 100%;\r\n border: var(--btn-border);\r\n }\r\n\r\n .input-group,\r\n .form-control,\r\n .input-group-text {\r\n background: #0808083f;\r\n color: var(--icon-color);\r\n border: none;\r\n border-radius: 15px;\r\n outline: none;\r\n }\r\n\r\n .form-control::placeholder {\r\n color: var(--text-color);\r\n }\r\n\r\n .form-control:focus {\r\n color: var(--text-color);\r\n outline: none;\r\n box-shadow: none;\r\n }\r\n\r\n .input-group-text {\r\n padding-right: 0;\r\n }\r\n\r\n\r\n .fs-5 {\r\n font-size: 1rem !important;\r\n }\r\n\r\n nav {\r\n\r\n background: linear-gradient(var(--cor-gradiente-nav-inicial), var(--cor-gradiente-nav-final));\r\n border-radius: 20px;\r\n font-size: 0;\r\n width: 100%;\r\n max-width: 450px;\r\n height: auto;\r\n position: sticky;\r\n margin-top: 20px;\r\n margin-bottom: 10px;\r\n display: flex;\r\n justify-content: space-around;\r\n align-items: center;\r\n }\r\n\r\n nav span {\r\n line-height: 45px;\r\n height: 100%;\r\n position: relative;\r\n z-index: 1;\r\n text-decoration: none;\r\n text-align: center;\r\n color: white !important;\r\n cursor: alias;\r\n }\r\n\r\n nav span svg {\r\n fill: var(--cor-icon-config);\r\n\r\n }\r\n\r\n nav .animation {\r\n position: absolute;\r\n height: 100%;\r\n top: 0;\r\n z-index: 0;\r\n transition: all .5s ease 0s;\r\n border-radius: 8px;\r\n }\r\n\r\n a:nth-child(1) {\r\n width: 30%;\r\n }\r\n\r\n a:nth-child(2) {\r\n width: 30%;\r\n }\r\n\r\n a:nth-child(3) {\r\n width: 40%;\r\n }\r\n\r\n nav .start-home,\r\n a:nth-child(1):hover~.animation {\r\n width: 30%;\r\n left: 0;\r\n background-color: #1212123f;\r\n border-radius: 20px;\r\n }\r\n\r\n nav .start-about,\r\n a:nth-child(2):hover~.animation {\r\n width: 30%;\r\n ;\r\n left: 30%;\r\n background-color: #1212123f;\r\n border-radius: 20px;\r\n }\r\n\r\n nav .start-blog,\r\n a:nth-child(3):hover~.animation {\r\n width: 40%;\r\n left: 60%;\r\n background-color: #1212123f;\r\n border-radius: 20px;\r\n }\r\n\r\n body {\r\n font-size: 12px;\r\n font-family: sans-serif;\r\n background: color #1212123f;\r\n }\r\n\r\n @media (min-width: 768px) {\r\n\r\n .container,\r\n .container-md,\r\n .container-sm {\r\n max-width: 100%;\r\n }\r\n }\r\n\r\n .rede {\r\n color: #ff0000;\r\n }\r\n\r\n .iplocal {\r\n color: #ffffff;\r\n }\r\n\r\n .containerlocal {\r\n background: #0808083f;\r\n border-radius: 20px;\r\n border: 1px solid #1e1e1e !important;\r\n padding: 15px !important;\r\n width: 95%;\r\n max-width: 450px;\r\n height: initial;\r\n position: absolute;\r\n margin-top: 700px;\r\n margin-bottom: -66px;\r\n }\r\n\r\n\r\n .hidden {\r\n display: none;\r\n }\r\n </style>\r\n</head>\r\n\r\n<body>\r\n <ul class=\"circles\">\r\n <li></li>\r\n <li></li>\r\n <li></li>\r\n <li></li>\r\n <li></li>\r\n <li></li>\r\n <li></li>\r\n <li></li>\r\n <li></li>\r\n <li></li>\r\n </ul>\r\n <div class='box'>\r\n <div class='wave -one'></div>\r\n <div class='wave -two'></div>\r\n <div class='wave -three'></div>\r\n </div>\r\n\r\n <div class=\"containerlocal\">\r\n <span class=\"font-semibold text-xs mr-2\"\r\n style=\"color: #ffffff;\"\">📢\tIP Local da sua operadora:</span><span class=\" rede font-semibold text-xs mr-2\"\r\n id=\"name\">REDE</span> <span class=\"iplocal font-semibold text-xs\" id=\"ip\">127.0.0.1</span>\r\n </div>\r\n\r\n <div class=\"container\">\r\n <div class=\"card border-0 p-2 shadow mb-3 w-100\">\r\n\r\n <img class=\"logo\">\r\n <script>\r\n document.documentElement.style.setProperty('--logo-img-url',);\r\n </script>\r\n\r\n\r\n <div class=\"input-group mb-2 shadow\" id=\"config-area\">\r\n <input class=\"form-control\" type=\"text\" placeholder=\"CONFIGURAÇÃO\" readonly title=\"configurações\"\r\n id=\"config\" style=\"background-color: #0808083f;\" />\r\n <span class=\"input-group-text me-2\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\"\r\n class=\"bi bi:bar-chart\" viewBox=\"0 0 16 16\">\r\n <path\r\n d=\"M4 11H2v3h2v-3zm5-4H7v7h2V7zm5-5v12h-2V2h2zm-2-1a1 1 0 0 0-1 1v12a1 1 0 0 0 1 1h2a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1h-2zM6 7a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7zm-5 4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-3z\" />\r\n </svg>\r\n </span>\r\n </div>\r\n <div class=\"input-group input mb-2 shadow\">\r\n <span class=\"input-group-text\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\"\r\n class=\"bi bi:file-person\" viewBox=\"0 0 16 16\">\r\n <path\r\n d=\"M12 1a1 1 0 0 1 1 1v10.755S12 11 8 11s-5 1.755-5 1.755V2a1 1 0 0 1 1-1h8zM4 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H4z\" />\r\n <path d=\"M8 10a3 3 0 1 0 0-6a3 3 0 0 0 0 6z\" />\r\n </g>\r\n </svg>\r\n </span>\r\n <input class=\"form-control\" type=\"text\" placeholder=\"usuario\" id=\"username\"\r\n style=\"background-color: #0808083f;\" />\r\n </div>\r\n <div class=\"input-group input mb-2 shadow\">\r\n <span class=\"input-group-text\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\"\r\n class=\"bi bi:file-earmark-lock\" viewBox=\"0 0 16 16\">\r\n <path\r\n d=\"M10 7v1.076c.54.166 1 .597 1 1.224v2.4c0 .816-.781 1.3-1.5 1.3h-3c-.719 0-1.5-.484-1.5-1.3V9.3c0-.627.46-1.058 1-1.224V7a2 2 0 1 1 4 0zM7 7v1h2V7a1 1 0 0 0-2 0zM6 9.3v2.4c0 .042.02.107.105.175A.637.637 0 0 0 6.5 12h3a.64.64 0 0 0 .395-.125c.085-.068.105-.133.105-.175V9.3c0-.042-.02-.107-.105-.175A.637.637 0 0 0 9.5 9h-3a.637.637 0 0 0-.395.125C6.02 9.193 6 9.258 6 9.3z\" />\r\n <path\r\n d=\"M14 14V4.5L9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2zM9.5 3A1.5 1.5 0 0 0 11 4.5h2V14a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1h5.5v2z\" />\r\n </g>\r\n </svg>\r\n </span>\r\n <input class=\"form-control\" type=\"password\" placeholder=\"senha\" id=\"password\"\r\n style=\"background-color: #0808083f;\" />\r\n <span class=\"input-group-text me-2\"\r\n onclick=\"password.type==`text`?password.type = `password`:password.type = `text`\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-eye\"\r\n viewBox=\"0 0 16 16\">\r\n <path\r\n d=\"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z\" />\r\n <path\r\n d=\"M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z\" />\r\n </svg>\r\n </span>\r\n </div>\r\n <div class=\"input-group input mb-2 shadow\">\r\n <span class=\"input-group-text\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"18\" height=\"18\" fill=\"currentColor\" class=\"bi bi-key\"\r\n viewBox=\"0 0 16 16\">\r\n <path\r\n d=\"M0 8a4 4 0 0 1 7.465-2H14a.5.5 0 0 1 .354.146l1.5 1.5a.5.5 0 0 1 0 .708l-1.5 1.5a.5.5 0 0 1-.708 0L13 9.207l-.646.647a.5.5 0 0 1-.708 0L11 9.207l-.646.647a.5.5 0 0 1-.708 0L9 9.207l-.646.647A.5.5 0 0 1 8 10h-.535A4 4 0 0 1 0 8zm4-3a3 3 0 1 0 2.712 4.285A.5.5 0 0 1 7.163 9h.63l.853-.854a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.646-.647a.5.5 0 0 1 .708 0l.646.647.793-.793-1-1h-6.63a.5.5 0 0 1-.451-.285A3 3 0 0 0 4 5z\" />\r\n <path d=\"M4 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0z\" />\r\n </svg>\r\n </span>\r\n <input class=\"form-control\" type=\"text\" placeholder=\"V2ray UUID\" id=\"uuid\"\r\n style=\"background: #0808083f;\" />\r\n <span class=\"input-group-text me-2\"\r\n onclick=\"uuid.type==`text`?uuid.type = `password`:uuid.type = `text`\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-eye\"\r\n viewBox=\"0 0 16 16\">\r\n <path\r\n d=\"M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8zM1.173 8a13.133 13.133 0 0 1 1.66-2.043C4.12 4.668 5.88 3.5 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.133 13.133 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755C11.879 11.332 10.119 12.5 8 12.5c-2.12 0-3.879-1.168-5.168-2.457A13.134 13.134 0 0 1 1.172 8z\" />\r\n <path\r\n d=\"M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5zM4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0z\" />\r\n </svg>\r\n </span>\r\n </div>\r\n <button class=\"btn btn-dark w-100 shadow\" id=\"start-stop\">INICIAR</button>\r\n <nav>\r\n\r\n <span id=\"sync\" onclick=\"DtStartAppUpdate.execute()\" class=\"fi fi-rr-refresh\">\r\n <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" id=\"Outline\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\r\n <path\r\n d=\"M12,2a10.032,10.032,0,0,1,7.122,3H16a1,1,0,0,0-1,1h0a1,1,0,0,0,1,1h4.143A1.858,1.858,0,0,0,22,5.143V1a1,1,0,0,0-1-1h0a1,1,0,0,0-1,1V3.078A11.981,11.981,0,0,0,.05,10.9a1.007,1.007,0,0,0,1,1.1h0a.982.982,0,0,0,.989-.878A10.014,10.014,0,0,1,12,2Z\" />\r\n <path\r\n d=\"M22.951,12a.982.982,0,0,0-.989.878A9.986,9.986,0,0,1,4.878,19H8a1,1,0,0,0,1-1H9a1,1,0,0,0-1-1H3.857A1.856,1.856,0,0,0,2,18.857V23a1,1,0,0,0,1,1H3a1,1,0,0,0,1-1V20.922A11.981,11.981,0,0,0,23.95,13.1a1.007,1.007,0,0,0-1-1.1Z\" />\r\n </svg>\r\n </span>\r\n\r\n\r\n\r\n <span id=\"logger\" class=\"fi fi-rs-clipboard-list\">\r\n <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" id=\"Outline\" viewBox=\"0 0 24 24\" width=\"24\" height=\"24\">\r\n\r\n <path\r\n d=\"M11,12h6v2h-6v-2ZM21,2V21c0,1.654-1.346,3-3,3H6c-1.654,0-3-1.346-3-3V2h5.171c.413-1.164,1.525-2,2.829-2h2c1.304,0,2.416,.836,2.829,2h5.171Zm-2,2h-5v-1c0-.552-.449-1-1-1h-2c-.551,0-1,.448-1,1v1H5V21c0,.552,.449,1,1,1h12c.551,0,1-.448,1-1V4Zm-8,6h6v-2h-6v2Zm0,8h6v-2h-6v2ZM7,10h2v-2h-2v2Zm0,4h2v-2h-2v2Zm0,4h2v-2h-2v2Z\" />\r\n </svg>\r\n </span>\r\n\r\n <span aria-hidden=\"true\" onclick=\"ToolsModal.show()\" class=\"fi fi-rr-settings\">\r\n <?xml version=\"1.0\" encoding=\"UTF-8\"?>\r\n <svg aria-hidden=\"true\" xmlns=\"http://www.w3.org/2000/svg\" id=\"Outline\" viewBox=\"0 0 24 24\"\r\n width=\"24\" height=\"24\">\r\n <path d=\"M12,8a4,4,0,1,0,4,4A4,4,0,0,0,12,8Zm0,6a2,2,0,1,1,2-2A2,2,0,0,1,12,14Z\" />\r\n <path\r\n d=\"M21.294,13.9l-.444-.256a9.1,9.1,0,0,0,0-3.29l.444-.256a3,3,0,1,0-3-5.2l-.445.257A8.977,8.977,0,0,0,15,3.513V3A3,3,0,0,0,9,3v.513A8.977,8.977,0,0,0,6.152,5.159L5.705,4.9a3,3,0,0,0-3,5.2l.444.256a9.1,9.1,0,0,0,0,3.29l-.444.256a3,3,0,1,0,3,5.2l.445-.257A8.977,8.977,0,0,0,9,20.487V21a3,3,0,0,0,6,0v-.513a8.977,8.977,0,0,0,2.848-1.646l.447.258a3,3,0,0,0,3-5.2Zm-2.548-3.776a7.048,7.048,0,0,1,0,3.75,1,1,0,0,0,.464,1.133l1.084.626a1,1,0,0,1-1,1.733l-1.086-.628a1,1,0,0,0-1.215.165,6.984,6.984,0,0,1-3.243,1.875,1,1,0,0,0-.751.969V21a1,1,0,0,1-2,0V19.748a1,1,0,0,0-.751-.969A6.984,6.984,0,0,1,7.006,16.9a1,1,0,0,0-1.215-.165l-1.084.627a1,1,0,1,1-1-1.732l1.084-.626a1,1,0,0,0,.464-1.133,7.048,7.048,0,0,1,0-3.75A1,1,0,0,0,4.79,8.992L3.706,8.366a1,1,0,0,1,1-1.733l1.086.628A1,1,0,0,0,7.006,7.1a6.984,6.984,0,0,1,3.243-1.875A1,1,0,0,0,11,4.252V3a1,1,0,0,1,2,0V4.252a1,1,0,0,0,.751.969A6.984,6.984,0,0,1,16.994,7.1a1,1,0,0,0,1.215.165l1.084-.627a1,1,0,1,1,1,1.732l-1.084.626A1,1,0,0,0,18.746,10.125Z\" />\r\n </svg>\r\n </span>\r\n\r\n </nav>\r\n </div>\r\n\r\n <div class=\"card my-3 w-100 text-center border-0 p-2 shadow text-light fs-5 text-uppercase fw-bold\" id=\"state\"\r\n style=\"padding: 5px !important; font-size: 15px !important;\">\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=\"btn btn-lg btn-dark text-light w-100 clear-logger\">LIMPAR</button>\r\n <button type=\"button\" class=\"btn 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=\"tool webm modal fade\" index=\"-1\" id=\"ToolsModal\">\r\n <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\r\n <div class=\"modal-content\">\r\n <div class=\"tool modal-header\">\r\n <h5 class=\"modal-title text_config\">Configurações do aplicativo</h5>\r\n </div>\r\n <div class=\"modal-body\">\r\n <button class=\"tool-bt rounded-2xl text-white\" onclick=\"DtStartApnActivity.execute()\"><i\r\n class=\"info2 bi bi-wifi mr-2\"></i>Alterar protocolo de APN</button>\r\n </div>\r\n <div class=\"modal-body\">\r\n <button class=\"tool-bt rounded-2xl text-white\"\r\n onclick=\"DtIgnoreBatteryOptimizations.execute()\"><i\r\n class=\"info2 bi bi-battery-full mr-2\"></i>Otimizar Bateria</button>\r\n </div>\r\n\r\n\r\n <div class=\"modal-body\">\r\n <button class=\"tool-bt rounded-2xl text-white\" id=\"btnHotSpot\"><i\r\n class=\"info2 bi bi-trash3 mr-2\"></i>Compartilhar Internet</button>\r\n </div>\r\n\r\n <div class=\"modal-body\">\r\n <button class=\"tool-bt rounded-2xl text-white\" onclick=\"DtCleanApp.execute()\"><i\r\n class=\"info2 bi bi-trash3 mr-2\"></i>Limpar cachê e dados</button>\r\n </div>\r\n\r\n <div class=\"tool modal-footer\">\r\n <button type=\"button\" class=\"btn btn-primary\" data-bs-dismiss=\"modal\"\r\n style=\"background-color: var(--btn-modal);\">FECHAR</button>\r\n\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=\"RenovarModal\">\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=\"RenovarFrame\"></iframe>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n <script type=\"text/javascript\" src=\"https://cdn.jsdelivr.net/npm/toastify-js\"></script>\r\n <script>\r\n const startHotSpot = () => {\r\n DtStartHotSpotService.execute();\r\n txtbtn.textContent = 'HOTSPOT';\r\n }\r\n\r\n const stopHotSpot = () => {\r\n DtStopHotSpotService.execute();\r\n txtbtn.textContent = 'HOTSPOT';\r\n }\r\n\r\n const toggleHotSpot = () => {\r\n const hotSpotStatus = window?.DtGetStatusHotSpotService?.execute() ?? 'STOPPED';\r\n hotSpotStatus == 'RUNNING' ? stopHotSpot() : startHotSpot();\r\n }\r\n\r\n const btnHotSpot = document.querySelector(\"#btnHotSpot\");\r\n btnHotSpot.addEventListener('click', toggleHotSpot);\r\n\r\n const hotSpotStatus = window?.DtGetStatusHotSpotService?.execute() ?? 'STOPPED';\r\n if (hotSpotStatus == 'RUNNING') {\r\n txtbtn.textContent = 'HOTSPOT';\r\n }\r\n\r\n </script>\r\n\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\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 window.onload = function () {\r\n const android = window.Android || AndroidMock;\r\n showLocalIP(android);\r\n }\r\n\r\n function mostrar(id) {\r\n if (document.getElementById(id).style.display !== \"none\") {\r\n document.getElementById(id).style.display = \"none\";\r\n return;\r\n }\r\n Array.from(document.getElementsByClassName(\"hidden\")).forEach(\r\n div => (div.style.display = \"none\")\r\n );\r\n document.getElementById(id).style.display = \"block\";\r\n }\r\n\r\n </script>\r\n\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 networkStatus = document.querySelector('#section.local-ip')\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 ToolsModal = new bootstrap.Modal(document.querySelector('#ToolsModal'))\r\n\r\n const clearLogger = document.querySelector('.clear-logger')\r\n\r\n const RenovarModal = new bootstrap.Modal(document.querySelector('#RenovarModal'))\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 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 RenovarModal._element.addEventListener('shown.bs.modal', () => {\r\n const iframe = document.querySelector('#RenovarFrame');\r\n if (!iframe.src) {\r\n iframe.src = 'https://painel.plenonet.com.br/renovar.php'\r\n iframe.addEventListener('load', () => {\r\n mp3Modal._element.querySelector('.spinner').classList.add('d-none')\r\n })\r\n }\r\n })\r\n RenovarModal._element.addEventListener('hide.bs.modal', () => {\r\n const iframe = document.querySelector('#RenovarFrame');\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\": {}, \"mode\": \"v2ray\" }`)\r\n const isV2ray = data?.mode?.toLowerCase()?.startsWith('v2ray');\r\n config.placeholder = data.name ?? 'LBL_CHOOSE_CONFIG'.t()\r\n username.parentElement.style.display = !data?.auth?.username && !isV2ray ? 'flex' : 'none';\r\n password.parentElement.style.display = !data?.auth?.password && !isV2ray ? 'flex' : 'none';\r\n uuid.parentElement.style.display = !data?.auth?.v2ray_uuid && isV2ray ? 'flex' : 'none';\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('Conectando...')\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 const html = `\r\n <div class=\"d-flex justify-content-center\">\r\n <div class=\"spinner-border p-5\" 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 function isBeforeExpiration(expirationDays, daysBefore) {\r\n return expirationDays <= daysBefore;\r\n }\r\n\r\n const dtCheckUserModelListener = model => {\r\n const data = JSON.parse(model ?? `{\"username\": \"test\"}`);\r\n\r\n const html = `\r\n <div class=\"d-flex flex-column text-white\">\r\n <span>👤Nome de usuario: ${data.username}</span>\r\n <span>📆Expira em: ${data.expiration_date}</span>\r\n <span>📆Dias restantes: ${data.expiration_days}</span>\r\n <span>🚫Conexoes: ${data.count_connections}|${data.limit_connections}</span>\r\n ${isBeforeExpiration(data.expiration_days, 3) ? '<span><center>🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨</center><span><span><center>⚠️Faltando 3 dias para o expirar o usuário⚠️</center></span>🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨</span></span>' : ''}\r\n ${isBeforeExpiration(data.expiration_days, 2) ? '<span><span><span><center>⚠️Faltando 2 dias para o expirar o usuário⚠️</center></span><center>🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨</center></span></span>' : ''}\r\n ${isBeforeExpiration(data.expiration_days, 1) ? '<span><span><span><center>⚠️Faltando 1 dias para o expirar o usuário⚠️</center></span><center>🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨🚨</center></span></span>' : ''}\r\n </div>\r\n `;\r\n\r\n checkUserModal._element.querySelector('.chk-title').textContent = '📆 Olá, ' + data.username.toUpperCase() + '👤';\r\n checkUserModal._element.querySelector('.chk-message').innerHTML = html;\r\n checkUserModal.show();\r\n }\r\n\r\n\r\n\r\n\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 fs-6 bg-transparent text-white p-0 border-0 text-start ms-2 text-wrap\">';\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 }\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 }).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.classList.add('list-group-item', 'bg-transparent', 'text-white', 'border-0', 'mb-1', 'rounded-1', 'px-1')\r\n categoryElement.innerHTML = `<span class=\"fw-bold btn-dark w-100 d-block p-1 rounded-1 mb-1\">${category.name}</span>`\r\n\r\n const configUlElement = document.createElement('ul')\r\n configUlElement.classList.add('list-group', 'bg-transparent', 'overflow-y-auto')\r\n\r\n category.items.forEach(item => {\r\n const configElement = document.createElement('li')\r\n configElement.classList.add('list-group-item', 'd-flex', 'btn-dark', 'text-white', 'border-0', 'rounded-2', 'px-1', 'py-2', 'mb-1')\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\t\t\t\t\t\t<span class=\"fst-italic fw-bold\" style=\"font-size: 0.7rem;\">${item.description || ''}</span> \r\n </div>\r\n <div class=\"d-flex flex-column ms-2\">\r\n <span class=\"fst-italic fw-bold text-end text-uppercase text-nowrap\" style=\"font-size: 0.8rem;\">${item.mode}</span>\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('ODAIR.Dev!🚀')\r\n </script>\r\n\r\n</body>\r\n\r\n</html>",
  345. "type": "HTML",
  346. "status": "ACTIVE",
  347. "user_id": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  348. },
  349. {
  350. "id": 3823,
  351. "label": "ANDROID WEBVIEW (POR SUA CONTA E RISCO)",
  352. "name": "APP_SUPPORT_BUTTON",
  353. "value": "<!DOCTYPE html>\r\n<html lang=\"en\">\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 <link href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css\" rel=\"stylesheet\">\r\n <link href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.19.0/font/bootstrap-icons.css\" rel=\"stylesheet\">\r\n\r\n <title>302642871 - @MRSILENT1 </title>\r\n\r\n <style>\r\n :root {\r\n font-family: system-ui, Helvetica, Arial, sans-serif;\r\n line-height: 1.5;\r\n font-weight: 400;\r\n font-synthesis: none;\r\n text-rendering: optimizeLegibility;\r\n -webkit-font-smoothing: antialiased;\r\n -moz-osx-font-smoothing: grayscale;\r\n text-size-adjust: 100%;\r\n -webkit-text-size-adjust: 100%;\r\n /*background-color: red;*/\r\n --space-status-bar: 10px;\r\n --space-nav-bar: 33px;\r\n font-weight: bold;\r\n }\r\n\r\n :is(*, *::before, *::after) {\r\n margin: 0;\r\n padding: 0;\r\n\r\n box-sizing: border-box;\r\n }\r\n\r\n :is(html, body, main) {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n :is(body) {\r\n background: transparent;\r\n }\r\n\r\n :is(main) {\r\n display: flex;\r\n flex-direction: column;\r\n padding: var(--space-status-bar) 10px var(--space-nav-bar) 10px;\r\n }\r\n\r\n :is(section.bottom) {\r\n width: 100%;\r\n height: auto;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n margin-top: auto !important;\r\n }\r\n\r\n :is(section.bottom) :where(div.container-local-ip) {\r\n width: auto;\r\n height: auto;\r\n display: flex;\r\n align-items: center;\r\n padding: 10px 15px;\r\n border-radius: 10px;\r\n box-shadow: 0px 0px 4px #626262;\r\n background: linear-gradient(to top right, #F39376, #F1695F);\r\n transition: all 0.3s ease 0.1s;\r\n }\r\n\r\n :is(section.bottom) :where(div.container-local-ip) :is(span) {\r\n width: 100%;\r\n height: auto;\r\n color: #ffffff;\r\n font-weight: 500;\r\n font-size: 0.8rem;\r\n }\r\n\r\n :is(section.bottom) :where(div.container-tools) {\r\n width: 100%;\r\n height: auto;\r\n display: flex;\r\n justify-content: center;\r\n position: relative;\r\n }\r\n\r\n @keyframes pulse {\r\n 0% {\r\n box-shadow: 0 0 4px 0 rgba(255, 255, 255, 0.5);\r\n }\r\n 70% {\r\n box-shadow: 0 0 12px 8px rgba(255, 255, 255, 0);\r\n }\r\n 100% {\r\n box-shadow: 0 0 4px 0 rgba(255, 255, 255, 0.5);\r\n }\r\n }\r\n \r\n :where(section.bottom div.container-tools) button {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 8px;\r\n margin: 7% 0 0 0;\r\n padding: 10px 6%;\r\n border: 1px solid #ffffff;\r\n border-radius: 10px;\r\n box-shadow: 0px 0px 4px 0px #626262;\r\n transition: all linear;\r\n background: linear-gradient(to top right, #434343, #232D3F);\r\n animation: pulse 3s infinite; \r\n }\r\n \r\n\r\n :where(section.bottom div.container-tools button) svg {\r\n color: #ffffff;\r\n }\r\n\r\n :where(section.bottom div.container-tools button) span {\r\n color: #ffffff;\r\n }\r\n\r\n :where(section.bottom div.container-tools) ul {\r\n width: auto;\r\n min-width: 90%;\r\n max-width: 300px;\r\n height: 55px;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-around;\r\n gap: 5px;\r\n position: absolute;\r\n bottom: 90%;\r\n padding: 0 5px;\r\n border-radius: 50px;\r\n box-shadow: 0px 0px 4px 0px rgb(67, 67, 67);\r\n opacity: 0;\r\n transform: scale(0);\r\n transform-origin: bottom center;\r\n transition: all 0.3s ease 0.1s;\r\n background: linear-gradient(to top right,\r\n rgb(1, 35, 98),\r\n rgb(67, 67, 67));\r\n }\r\n\r\n :where(section.bottom div.container-tools ul) li {\r\n width: 40px;\r\n height: 40px;\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n border: 1px solid #ffffff;\r\n border-radius: 50%;\r\n box-shadow: 0px 0px 10px 0px rgb(67, 67, 67);\r\n background: linear-gradient(to top right,\r\n rgb(1, 35, 98),\r\n rgb(67, 67, 67));\r\n }\r\n\r\n :where(section.bottom div.container-tools ul li) svg {\r\n color: #ffffff;\r\n }\r\n\r\n :where(section.bottom div.container-tools.active) button {\r\n -webkit-animation: onePulse 0.3s forwards linear;\r\n animation: onePulse 0.3s forwards linear;\r\n }\r\n\r\n :where(section.bottom div.container-tools.active) ul {\r\n opacity: 1;\r\n transform: scale(1);\r\n }\r\n\r\n .hidden {\r\n opacity: 0;\r\n visibility: hidden;\r\n }\r\n\r\n .display-none {\r\n display: none;\r\n }\r\n\r\n section.home span#localIpValue {\r\n position: absolute;\r\n right: 2%;\r\n transform: translate(50%, -50%);\r\n }\r\n\r\n\r\n .custom-section2 {\r\n padding: 4px;\r\n border: 1px solid rgba(255, 255, 255, 0.245);\r\n border-radius: 1px;\r\n margin: 5px auto;\r\n color: white;\r\n font-size: 14px;\r\n font-weight: bold;\r\n background: linear-gradient(to top right, #434343, #232D3F);\r\n position: absolute;\r\n border-radius: 10px;\r\n border: 1px solid #ffffff;\r\n animation: pulse 3s infinite; \r\n box-shadow: 0px 0px 4px 0px #626262;\r\n transition: all linear;\r\n }\r\n\r\n </style>\r\n</head>\r\n\r\n<body>\r\n <main>\r\n<span class=\"custom-section2 home\" id=\"localIpValue\">\r\n <svg width=\"24\" height=\"24\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"white\" fill-rule=\"evenodd\" clip-rule=\"evenodd\">\r\n <path d=\"M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm2.085 14h-9v2h9v3l5-4-5-4v3zm-4-6v-3l-5 4 5 4v-3h9v-2h-9z\"/>\r\n </svg>\r\n IP Local:\r\n</span>\r\n <section class=\"bottom\">\r\n <div class=\"container-tools\">\r\n <button type=\"button\" title=\"Ferramentas\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-nut\"\r\n viewBox=\"0 0 16 16\">\r\n <path\r\n d=\"m11.42 2 3.428 6-3.428 6H4.58L1.152 8 4.58 2h6.84zM4.58 1a1 1 0 0 0-.868.504l-3.428 6a1 1 0 0 0 0 .992l3.428 6A1 1 0 0 0 4.58 15h6.84a1 1 0 0 0 .868-.504l3.429-6a1 1 0 0 0 0-.992l-3.429-6A1 1 0 0 0 11.42 1H4.58z\" />\r\n <path\r\n d=\"M6.848 5.933a2.5 2.5 0 1 0 2.5 4.33 2.5 2.5 0 0 0-2.5-4.33zm-1.78 3.915a3.5 3.5 0 1 1 6.061-3.5 3.5 3.5 0 0 1-6.062 3.5z\" />\r\n </svg>\r\n\r\n <span style=\"font-size: 14px; font-weight: bold; color: white;\">CONFIGURAÇÕES</span>\r\n </button>\r\n\r\n <ul>\r\n <li id=\"checkuser\" style=\"display: flex; flex-direction: column; align-items: center; list-style-type: none;\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n class=\"bi bi-calendar2-week\" viewBox=\"0 0 16 16\">\r\n <path\r\n d=\"M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z\" />\r\n <path\r\n d=\"M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4zM11 7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z\" />\r\n </svg>\r\n <div style=\"font-size: 9px; color: white; margin-top: 4px;\">Data</div>\r\n </li>\r\n\r\n\r\n <li id=\"battery\" style=\"display: flex; flex-direction: column; align-items: center; list-style-type: none;\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n class=\"bi bi-battery-half\" viewBox=\"0 0 16 16\">\r\n <path d=\"M2 6h5v4H2V6z\" />\r\n <path\r\n d=\"M2 4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H2zm10 1a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h10zm4 3a1.5 1.5 0 0 1-1.5 1.5v-3A1.5 1.5 0 0 1 16 8z\" />\r\n </svg>\r\n <div style=\"font-size: 9px; color: white; margin-top: 4px;\">Bateria</div>\r\n </li>\r\n\r\n <li id=\"apn\" style=\"display: flex; flex-direction: column; align-items: center; list-style-type: none;\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\"\r\n class=\"bi bi-wrench-adjustable-circle\" viewBox=\"0 0 16 16\">\r\n <path d=\"M12.496 8a4.491 4.491 0 0 1-1.703 3.526L9.497 8.5l2.959-1.11c.027.2.04.403.04.61Z\" />\r\n <path\r\n d=\"M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-1 0a7 7 0 1 0-13.202 3.249l1.988-1.657a4.5 4.5 0 0 1 7.537-4.623L7.497 6.5l1 2.5 1.333 3.11c-.56.251-1.18.39-1.833.39a4.49 4.49 0 0 1-1.592-.29L4.747 14.2A7 7 0 0 0 15 8Zm-8.295.139a.25.25 0 0 0-.288-.376l-1.5.5.159.474.808-.27-.595.894a.25.25 0 0 0 .287.376l.808-.27-.595.894a.25.25 0 0 0 .287.376l1.5-.5-.159-.474-.808.27.596-.894a.25.25 0 0 0-.288-.376l-.808.27.596-.894Z\" />\r\n </svg>\r\n <div style=\"font-size: 9px; color: white; margin-top: 4px;\">APN</div>\r\n </li>\r\n\r\n <li id=\"clean\" style=\"display: flex; flex-direction: column; align-items: center; list-style-type: none;\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" class=\"bi bi-trash3\"\r\n viewBox=\"0 0 16 16\">\r\n <path\r\n d=\"M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5ZM11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H2.506a.58.58 0 0 0-.01 0H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1h-.995a.59.59 0 0 0-.01 0H11Zm1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5h9.916Zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 1 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47ZM8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5Z\" />\r\n </svg>\r\n <div style=\"font-size: 9px; color: white; margin-top: 4px;\">Cache</div>\r\n </li>\r\n\r\n <li id=\"speedtest\" style=\"display: flex; flex-direction: column; align-items: center; list-style-type: none;\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" x=\"0px\" y=\"0px\" width=\"19\" height=\"19\" viewBox=\"0 0 24 24\"\r\n fill=\"currentColor\">\r\n <path\r\n d=\"M4.932,19.068l1.414-1.414C4.897,16.206,4,14.206,4,12c0-4.411,3.589-8,8-8s8,3.589,8,8c0,2.206-0.897,4.206-2.346,5.654\tl1.414,1.414C20.878,17.257,22,14.757,22,12c0-5.514-4.486-10-10-10S2,6.486,2,12C2,14.757,3.122,17.257,4.932,19.068z\">\r\n </path>\r\n <polygon points=\"12,14 10,12 15.293,7.293 16.707,8.707\"></polygon>\r\n </svg>\r\n <div style=\"font-size: 9px; color: white; margin-top: 4px;\">Renovar</div>\r\n </li>\r\n\r\n <li id=\"hotspot\" style=\"display: flex; flex-direction: column; align-items: center; list-style-type: none;\">\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" id=\"hotspot-on\"\r\n class=\"bi bi-wifi\" viewBox=\"0 0 16 16\">\r\n <path\r\n d=\"M15.384 6.115a.485.485 0 0 0-.047-.736A12.444 12.444 0 0 0 8 3C5.259 3 2.723 3.882.663 5.379a.485.485 0 0 0-.048.736.518.518 0 0 0 .668.05A11.448 11.448 0 0 1 8 4c2.507 0 4.827.802 6.716 2.164.205.148.49.13.668-.049z\" />\r\n <path\r\n d=\"M13.229 8.271a.482.482 0 0 0-.063-.745A9.455 9.455 0 0 0 8 6c-1.905 0-3.68.56-5.166 1.526a.48.48 0 0 0-.063.745.525.525 0 0 0 .652.065A8.46 8.46 0 0 1 8 7a8.46 8.46 0 0 1 4.576 1.336c.206.132.48.108.653-.065zm-2.183 2.183c.226-.226.185-.605-.1-.75A6.473 6.473 0 0 0 8 9c-1.06 0-2.062.254-2.946.704-.285.145-.326.524-.1.75l.015.015c.16.16.407.19.611.09A5.478 5.478 0 0 1 8 10c.868 0 1.69.201 2.42.56.203.1.45.07.61-.091l.016-.015zM9.06 12.44c.196-.196.198-.52-.04-.66A1.99 1.99 0 0 0 8 11.5a1.99 1.99 0 0 0-1.02.28c-.238.14-.236.464-.04.66l.706.706a.5.5 0 0 0 .707 0l.707-.707z\" />\r\n </svg>\r\n\r\n <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"currentColor\" id=\"hotspot-off\"\r\n class=\"bi bi-wifi-off display-none\" viewBox=\"0 0 16 16\">\r\n <path\r\n d=\"M10.706 3.294A12.545 12.545 0 0 0 8 3C5.259 3 2.723 3.882.663 5.379a.485.485 0 0 0-.048.736.518.518 0 0 0 .668.05A11.448 11.448 0 0 1 8 4c.63 0 1.249.05 1.852.148l.854-.854zM8 6c-1.905 0-3.68.56-5.166 1.526a.48.48 0 0 0-.063.745.525.525 0 0 0 .652.065 8.448 8.448 0 0 1 3.51-1.27L8 6zm2.596 1.404.785-.785c.63.24 1.227.545 1.785.907a.482.482 0 0 1 .063.745.525.525 0 0 1-.652.065 8.462 8.462 0 0 0-1.98-.932zM8 10l.933-.933a6.455 6.455 0 0 1 2.013.637c.285.145.326.524.1.75l-.015.015a.532.532 0 0 1-.611.09A5.478 5.478 0 0 0 8 10zm4.905-4.905.747-.747c.59.3 1.153.645 1.685 1.03a.485.485 0 0 1 .047.737.518.518 0 0 1-.668.05 11.493 11.493 0 0 0-1.811-1.07zM9.02 11.78c.238.14.236.464.04.66l-.707.706a.5.5 0 0 1-.707 0l-.707-.707c-.195-.195-.197-.518.04-.66A1.99 1.99 0 0 1 8 11.5c.374 0 .723.102 1.021.28zm4.355-9.905a.53.53 0 0 1 .75.75l-10.75 10.75a.53.53 0 0 1-.75-.75l10.75-10.75z\" />\r\n </svg>\r\n <div style=\"font-size: 9px; color: white; margin-top: 4px;\">Rotea</div>\r\n </li>\r\n </ul>\r\n </div>\r\n </section>\r\n </main>\r\n\r\n <!-- FUNÇÕES DO APP -->\r\n <script>\r\n const appStatusBar = () => DtGetStatusBarHeight.execute()\r\n const appNavBar = () => DtGetNavigationBarHeight.execute()\r\n\r\n const appBattery = () => DtIgnoreBatteryOptimizations.execute()\r\n const appApn = () => DtStartApnActivity.execute()\r\n const appLink = (value) => DtStartWebViewActivity.execute(value)\r\n const appClean = () => DtCleanApp.execute()\r\n const appCheckUser = () => DtStartCheckUser.execute()\r\n\r\n const appGetStatusHotspot = () => DtGetStatusHotSpotService.execute()\r\n const appStartHotspot = () => DtStartHotSpotService.execute()\r\n const appStopHotspot = () => DtStopHotSpotService.execute()\r\n\r\n const appGetLocalIp = () => Android.getLocalIP()\r\n </script>\r\n\r\n <!-- DOM WRAPPER -->\r\n <script>\r\n const Dom = (selector) => {\r\n const _elements = document.querySelectorAll(selector)\r\n\r\n const wrapper = {\r\n on(listeners) {\r\n for (const [event, listener] of Object.entries(listeners)) {\r\n _elements.forEach((element) => {\r\n element.addEventListener(event, listener)\r\n })\r\n }\r\n\r\n return wrapper\r\n },\r\n toggleClass: (token, force) => {\r\n _elements.forEach((element) => {\r\n element.classList.toggle(token, force)\r\n })\r\n\r\n return wrapper\r\n },\r\n addClass: (...tokens) => {\r\n _elements.forEach((element) => {\r\n element.classList.add(...tokens)\r\n })\r\n\r\n return wrapper\r\n },\r\n removeClass: (...tokens) => {\r\n _elements.forEach((element) => {\r\n element.classList.remove(...tokens)\r\n })\r\n\r\n return wrapper\r\n },\r\n html(value) {\r\n _elements.forEach((element) => (element.innerHTML = value))\r\n return wrapper\r\n },\r\n }\r\n\r\n return wrapper\r\n }\r\n </script>\r\n\r\n <!-- VÁRIAVEIS -->\r\n <script>\r\n const version = Dom(\"#version\")\r\n const containerLocalIp = Dom(\"section.bottom div.container-local-ip\")\r\n const localIp = Dom(\"#local-ip\")\r\n\r\n const containerTools = Dom(\"section.bottom div.container-tools\")\r\n const toolsButton = Dom(\"section.bottom div.container-tools button\")\r\n const tools = Dom(\"section.bottom div.container-tools ul\")\r\n\r\n const checkuser = Dom(\"#checkuser\")\r\n const battery = Dom(\"#battery\")\r\n const apn = Dom(\"#apn\")\r\n const CleanDataApp = Dom(\"#clean\")\r\n const speedtest = Dom(\"#speedtest\")\r\n const hotspot = Dom('#hotspot')\r\n\r\n const hotspotIconOn = Dom('#hotspot-on')\r\n const hotspotIconOff = Dom('#hotspot-off')\r\n const LocalIpValue = Dom(\"#localIpValue\")\r\n\r\n </script>\r\n\r\n <!-- FUNÇÕES -->\r\n <script>\r\n document.documentElement.style.setProperty(\r\n \"--space-status-bar\",\r\n `${appStatusBar() + 10}px`\r\n )\r\n\r\n document.documentElement.style.setProperty(\r\n \"--space-nav-bar\",\r\n `${appNavBar() + 10}px`\r\n )\r\n\r\n const toggleTools = () => {\r\n containerLocalIp.toggleClass(\"hidden\")\r\n containerTools.toggleClass(\"active\")\r\n }\r\n\r\n const startHotspot = () => {\r\n appStartHotspot()\r\n\r\n hotspotIconOn.addClass('display-none')\r\n hotspotIconOff.removeClass('display-none')\r\n }\r\n\r\n const stopHotspot = () => {\r\n appStopHotspot()\r\n\r\n hotspotIconOn.removeClass('display-none')\r\n hotspotIconOff.addClass('display-none')\r\n }\r\n\r\n const toggleHotspot = () => {\r\n appGetStatusHotspot() === 'STOPPED' ? startHotspot() : stopHotspot()\r\n }\r\n\r\n const setStatusHotspot = () => {\r\n if (appGetStatusHotspot() === 'STOPPED') {\r\n hotspotIconOn.removeClass('display-none')\r\n hotspotIconOff.addClass('display-none')\r\n } else {\r\n hotspotIconOn.addClass('display-none')\r\n hotspotIconOff.removeClass('display-none')\r\n }\r\n }\r\n\r\n setStatusHotspot()\r\n </script>\r\n\r\n <!-- AÇÕES -->\r\n <script>\r\n toolsButton.on({ click: () => toggleTools() })\r\n\r\n checkuser.on({ click: () => appCheckUser() })\r\n battery.on({ click: () => appBattery() })\r\n apn.on({ click: () => appApn() })\r\n CleanDataApp.on({ click: () => appClean() })\r\n speedtest.on({\r\n click: () =>\r\n appLink(\"https://v2vpn.cloud/home/criar_teste.php?id=xeR&byid=1&mainid=0\"),\r\n })\r\n hotspot.on({ click: () => toggleHotspot() })\r\n\r\n setInterval(() => {\r\n LocalIpValue.html(`\r\n <svg width=\"24\" height=\"24\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"white\" fill-rule=\"evenodd\" clip-rule=\"evenodd\">\r\n <path d=\"M12 0c6.623 0 12 5.377 12 12s-5.377 12-12 12-12-5.377-12-12 5.377-12 12-12zm2.085 14h-9v2h9v3l5-4-5-4v3zm-4-6v-3l-5 4 5 4v-3h9v-2h-9z\"/>\r\n </svg>\r\n IP Local: ${appGetLocalIp()}\r\n `);\r\n}, 1000);\r\n </script>\r\n</body>\r\n\r\n</html>",
  354. "type": "HTML",
  355. "user_id": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  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": "16FHAREQ-B8YC-TF6K-2UCM-1K72CN3WI5TD"
  364. }
  365. ]
comments powered by Disqus