Layout4.2.5

SUBMITTED BY: hyperloko21

DATE: Nov. 5, 2022, 1:18 a.m.

UPDATED: March 18, 2024, 7:48 p.m.

FORMAT: Text only

SIZE: 81.0 kB

History Raw Download

HITS: 717

Report
  1. [
  2. {
  3. "id": 14253,
  4. "label": "Nome do app",
  5. "name": "APP_NAME",
  6. "value": null,
  7. "type": "STRING",
  8. "status": "ACTIVE",
  9. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  10. },
  11. {
  12. "id": 14254,
  13. "label": "Logo do app",
  14. "name": "APP_LOGO",
  15. "value": "https://atlantus.com.br/miracle/update/drawing/heKKjOTX7Ij5AAD94RHwauipYdHEH4hcj2pgoJlpS7VFr9AkTwXpvDqnSrXRc0bhXT3BeQvw92JUsPtLGj5lGhidnAf8zVVG7MacA0av3HfCJQqYFDK1tYCBddSGNPdKA5DAIaMQnrYZa28EXSWl75TH6f4sCg0Elz8GpXHYO793JnCcv1Om6A6m8HgtK7Q5dVuEnlUPgwaUKWliL5FmeJTZnFg3yksmRzL1yCGc6Ct04P3x.png",
  16. "type": "IMAGE",
  17. "status": "ACTIVE",
  18. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  19. },
  20. {
  21. "id": 14255,
  22. "label": "Imagem de fundo",
  23. "name": "APP_BACKGROUND_IMAGE",
  24. "value": "https://i.pinimg.com/originals/0c/8b/7d/0c8b7dbbaa53f94e56fd597c482cba96.jpg",
  25. "type": "IMAGE",
  26. "status": "ACTIVE",
  27. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  28. },
  29. {
  30. "id": 14256,
  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": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  49. },
  50. {
  51. "id": 14257,
  52. "label": "Cor de fundo",
  53. "name": "APP_BACKGROUND_COLOR",
  54. "value": "#080e16c7",
  55. "type": "COLOR",
  56. "status": "ACTIVE",
  57. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  58. },
  59. {
  60. "id": 14258,
  61. "label": "Cor do card inicial",
  62. "name": "APP_CARD_COLOR",
  63. "value": "#b0a7ae00",
  64. "type": "COLOR",
  65. "status": "ACTIVE",
  66. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  67. },
  68. {
  69. "id": 14259,
  70. "label": "Raio do card inicial",
  71. "name": "APP_CARD_RADIUS",
  72. "value": 20,
  73. "type": "INTEGER",
  74. "status": "ACTIVE",
  75. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  76. },
  77. {
  78. "id": 14260,
  79. "label": "Cor do card de status",
  80. "name": "APP_CARD_STATUS_COLOR",
  81. "value": "#ffa72b00",
  82. "type": "COLOR",
  83. "status": "ACTIVE",
  84. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  85. },
  86. {
  87. "id": 14261,
  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": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  94. },
  95. {
  96. "id": 14262,
  97. "label": "Cor do card de configurações",
  98. "name": "APP_CARD_CONFIG_COLOR",
  99. "value": "#7d7775c9",
  100. "type": "COLOR",
  101. "status": "ACTIVE",
  102. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  103. },
  104. {
  105. "id": 14263,
  106. "label": "Cor do fundo dos dialogs",
  107. "name": "APP_DIALOG_BACKGROUND_COLOR",
  108. "value": "#000000e8",
  109. "type": "COLOR",
  110. "status": "ACTIVE",
  111. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  112. },
  113. {
  114. "id": 14264,
  115. "label": "Cor do fundo do dialog de log",
  116. "name": "APP_DIALOG_LOGGER_COLOR",
  117. "value": "#080e16c7",
  118. "type": "COLOR",
  119. "status": "ACTIVE",
  120. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  121. },
  122. {
  123. "id": 14265,
  124. "label": "Cor das bordas",
  125. "name": "APP_BORDER_COLOR",
  126. "value": "#1d242e73",
  127. "type": "COLOR",
  128. "status": "ACTIVE",
  129. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  130. },
  131. {
  132. "id": 14266,
  133. "label": "Cor dos inputs",
  134. "name": "APP_INPUT_COLOR",
  135. "value": "#1d242e73",
  136. "type": "COLOR",
  137. "status": "ACTIVE",
  138. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  139. },
  140. {
  141. "id": 14267,
  142. "label": "Raio dos inputs",
  143. "name": "APP_INPUT_RADIUS",
  144. "value": 25,
  145. "type": "INTEGER",
  146. "status": "ACTIVE",
  147. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  148. },
  149. {
  150. "id": 14268,
  151. "label": "Cor dos textos",
  152. "name": "APP_TEXT_COLOR",
  153. "value": "#f9fff2ff",
  154. "type": "COLOR",
  155. "status": "ACTIVE",
  156. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  157. },
  158. {
  159. "id": 14269,
  160. "label": "Cor dos botões",
  161. "name": "APP_BUTTON_COLOR",
  162. "value": "#2b2b2b9e",
  163. "type": "COLOR",
  164. "status": "ACTIVE",
  165. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  166. },
  167. {
  168. "id": 14270,
  169. "label": "Raio dos botões",
  170. "name": "APP_BUTTON_RADIUS",
  171. "value": 25,
  172. "type": "INTEGER",
  173. "status": "ACTIVE",
  174. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  175. },
  176. {
  177. "id": 14271,
  178. "label": "Cor dos icones",
  179. "name": "APP_ICON_COLOR",
  180. "value": "#fff7fbff",
  181. "type": "COLOR",
  182. "status": "ACTIVE",
  183. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  184. },
  185. {
  186. "id": 14272,
  187. "label": "Exibir modo de conexão",
  188. "name": "APP_SHOW_CONNECTION_MODE",
  189. "value": false,
  190. "type": "BOOLEAN",
  191. "status": "ACTIVE",
  192. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  193. },
  194. {
  195. "id": 22645,
  196. "label": "Atualizar automaticamente as configurações ao lançar uma atualização.",
  197. "name": "APP_CONFIG_AUTO_UPDATE",
  198. "value": true,
  199. "type": "BOOLEAN",
  200. "status": "ACTIVE",
  201. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  202. },
  203. {
  204. "id": 14273,
  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": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  211. },
  212. {
  213. "id": 14274,
  214. "label": "Usar limiter de conexão",
  215. "name": "APP_CONNECTION_LIMITER",
  216. "value": true,
  217. "type": "BOOLEAN",
  218. "status": "ACTIVE",
  219. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  220. },
  221. {
  222. "id": 14275,
  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": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  229. },
  230. {
  231. "id": 14276,
  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": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  238. },
  239. {
  240. "id": 14277,
  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": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  247. },
  248. {
  249. "id": 14278,
  250. "label": "Ativar dialog de erros",
  251. "name": "APP_DIALOG_ERROR_ENABLED",
  252. "value": false,
  253. "type": "BOOLEAN",
  254. "status": "ACTIVE",
  255. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  256. },
  257. {
  258. "id": 14279,
  259. "label": "Ativar dialog de checkuser",
  260. "name": "APP_CHECKUSER_DIALOG_ENABLED",
  261. "value": true,
  262. "type": "BOOLEAN",
  263. "status": "ACTIVE",
  264. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  265. },
  266. {
  267. "id": 14280,
  268. "label": "Ativar toast de sucesso",
  269. "name": "APP_SUCCESS_TOAST_ENABLED",
  270. "value": true,
  271. "type": "BOOLEAN",
  272. "status": "ACTIVE",
  273. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  274. },
  275. {
  276. "id": 14281,
  277. "label": "Ativar toast de erro",
  278. "name": "APP_ERROR_TOAST_ENABLED",
  279. "value": true,
  280. "type": "BOOLEAN",
  281. "status": "ACTIVE",
  282. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  283. },
  284. {
  285. "id": 14282,
  286. "label": "Usar layout webview",
  287. "name": "APP_LAYOUT_WEBVIEW_ENABLED",
  288. "value": false,
  289. "type": "BOOLEAN",
  290. "status": "ACTIVE",
  291. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  292. },
  293. {
  294. "id": 14283,
  295. "label": "Mensagem",
  296. "name": "APP_MESSAGE",
  297. "value": null,
  298. "type": "TEXT",
  299. "status": "ACTIVE",
  300. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  301. },
  302. {
  303. "id": 14284,
  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": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  310. },
  311. {
  312. "id": 14285,
  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": "NONE"
  335. },
  336. "type": "SELECT",
  337. "status": "ACTIVE",
  338. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  339. },
  340. {
  341. "id": 14286,
  342. "label": "LAYOUT WEBVIEW (POR SUA CONTA E RISCO)",
  343. "name": "APP_LAYOUT_WEBVIEW",
  344. "value": null,
  345. "type": "HTML",
  346. "status": "ACTIVE",
  347. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  348. },
  349. {
  350. "id": 14287,
  351. "label": "ANDROID WEBVIEW (POR SUA CONTA E RISCO)",
  352. "name": "APP_SUPPORT_BUTTON",
  353. "value": "<!DOCTYPE html>
  354. <html class="w-full h-full" lang="pt-BR">
  355. <head>
  356. <meta charset="UTF-8" />
  357. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  359. <title>780890715 - @RagnarVps | @alexdsgmoura</title>
  361. <style>
  362. *,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:initial}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button;background-color:initial;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:initial}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}*,::backdrop,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.absolute{position:absolute}.relative{position:relative}.bottom-1{bottom:.25rem}.left-1\/2{left:50%}.right-1{right:.25rem}.top-1{top:.25rem}.top-1\/2{top:50%}.my-3{margin-top:.75rem;margin-bottom:.75rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.ml-auto{margin-left:auto}.mt-14{margin-top:3.5rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.mt-auto{margin-top:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.h-1\/5{height:20%}.h-10{height:2.5rem}.h-12{height:3rem}.h-2\/3{height:66.666667%}.h-2\/4{height:50%}.h-20{height:5rem}.h-3{height:.75rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[100\%\]{height:100%}.h-\[40px\]{height:40px}.h-\[90\%\]{height:90%}.h-\[calc\(100\%-160px\)\]{height:calc(100% - 160px)}.h-auto{height:auto}.h-full{height:100%}.max-h-8{max-height:2rem}.max-h-\[10\%\]{max-height:10%}.max-h-\[66\.666667\%\]{max-height:66.666667%}.min-h-\[40px\]{min-height:40px}.w-10{width:2.5rem}.w-11\/12{width:91.666667%}.w-14{width:3.5rem}.w-2\/4{width:50%}.w-20{width:5rem}.w-4{width:1rem}.w-4\/5{width:80%}.w-5{width:1.25rem}.w-5\/6{width:83.333333%}.w-6{width:1.5rem}.w-8{width:2rem}.w-\[40px\]{width:40px}.w-\[calc\(100\%-30px\)\]{width:calc(100% - 30px)}.w-\[calc\(100\%-40px\)\]{width:calc(100% - 40px)}.w-auto{width:auto}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-x-full{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-x-full{--tw-translate-x:-100%}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.scale-0{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-0{--tw-scale-x:0;--tw-scale-y:0}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-none{cursor:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-items-center{justify-items:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.overflow-auto{overflow:auto}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-md{border-radius:.375rem}.rounded-t-md{border-top-left-radius:.375rem;border-top-right-radius:.375rem}.border{border-width:1px}.border-b{border-bottom-width:1px}.border-\[\#01010342\]{border-color:#01010342}.border-\[\#767881\]{--tw-border-opacity:1;border-color:rgb(118 120 129/var(--tw-border-opacity))}.bg-\[\#070610\]{--tw-bg-opacity:1;background-color:rgb(7 6 16/var(--tw-bg-opacity))}.bg-\[\#0a0c17ab\]{background-color:#0a0c17ab}.bg-\[\#0c0d18e0\]{background-color:#0c0d18e0}.bg-\[\#121c28\]{--tw-bg-opacity:1;background-color:rgb(18 28 40/var(--tw-bg-opacity))}.bg-\[\#14141489\]{background-color:#14141489}.bg-\[\#414cb8\]{--tw-bg-opacity:1;background-color:rgb(65 76 184/var(--tw-bg-opacity))}.bg-\[\#575e81\]{--tw-bg-opacity:1;background-color:rgb(87 94 129/var(--tw-bg-opacity))}.bg-red-900{--tw-bg-opacity:1;background-color:rgb(127 29 29/var(--tw-bg-opacity))}.bg-transparent{background-color:initial}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-\[\#0a0c17ab\]{--tw-gradient-from:#0a0c17ab var(--tw-gradient-from-position);--tw-gradient-to:#0a0c1700 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-transparent{--tw-gradient-to:#0000 var(--tw-gradient-to-position)}.stroke-\[\#FFFFFF\],.stroke-white{stroke:#fff}.p-2{padding:.5rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-\[10\%\]{padding-left:10%;padding-right:10%}.px-\[10px\]{padding-left:10px;padding-right:10px}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.pb-\[30px\]{padding-bottom:30px}.pl-1{padding-left:.25rem}.pr-6{padding-right:1.5rem}.pt-\[10px\]{padding-top:10px}.text-center{text-align:center}.text-\[0\.5rem\]{font-size:.5rem}.text-\[0\.65rem\]{font-size:.65rem}.text-\[0\.6rem\]{font-size:.6rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.leading-7{line-height:1.75rem}.text-\[\#11c9ff\]{--tw-text-opacity:1;color:rgb(17 201 255/var(--tw-text-opacity))}.text-\[\#767881\]{--tw-text-opacity:1;color:rgb(118 120 129/var(--tw-text-opacity))}.text-\[\#7d7f81\]{--tw-text-opacity:1;color:rgb(125 127 129/var(--tw-text-opacity))}.text-\[\#FF0000\]{--tw-text-opacity:1;color:rgb(255 0 0/var(--tw-text-opacity))}.text-\[\#FFFFFF\],.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.shadow-\[0px_0px_10px_0px_rgba\(18\2c 22\2c 34\2c 1\)\]{--tw-shadow:0px 0px 10px 0px #121622;--tw-shadow-colored:0px 0px 10px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid #0000;outline-offset:2px}.transition-\[max-height\]{transition-property:max-height;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.duration-1000{transition-duration:1s}@media (max-width:300px){.max-\[300px\]\:text-sm{font-size:.875rem;line-height:1.25rem}}@media (min-width:280px){.min-\[280px\]\:text-sm{font-size:.875rem;line-height:1.25rem}.min-\[280px\]\:text-xs{font-size:.75rem;line-height:1rem}}
  363. </style>
  364. </head>
  366. <body class="w-full h-full">
  367. <main class="w-full h-full flex flex-col relative">
  368. <section class="w-full h-full flex flex-col px-[10px] pt-[10px] pb-[30px] overflow-hidden" id="container-home">
  369. <section class="flex justify-between items-center relative">
  370. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="text-[#FFFFFF] w-8 h-8" id="open-menu" viewBox="0 0 16 16">
  371. <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5" />
  372. </svg>
  374. <div class="absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2">
  375. <span class="text-[#FFFFFF] min-[280px]:text-xs text-sm" id="carrier-details">AG SSH BRAZIL </span>
  376. </div>
  378. <div>
  379. <span class="text-[#FFFFFF] min-[280px]:text-xs text-sm" id="vpn-status">Inativo</span>
  380. </div>
  381. </section>
  383. <section class="w-full h-1/5 flex justify-center">
  384. <img class="w-4/5" id="app-logo" src="https://s13.gifyu.com/images/S05Y3.gif" alt="logo" />
  385. </section>
  387. <section class="w-full h-[40px] flex justify-between items-center gap-2 mt-2.5">
  388. <button class="w-[calc(100%-40px)] h-full flex items-center justify-between gap-1 px-1 rounded-md cursor-none outline-none bg-[#070610]" id="button-of-list-carrier" type="button" title="Selecionar Configuração">
  389. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="w-6 h-6 text-[#FFFFFF]" viewBox="0 0 16 16">
  390. <path d="M8 16s6-5.686 6-10A6 6 0 0 0 2 6c0 4.314 6 10 6 10m0-7a3 3 0 1 1 0-6 3 3 0 0 1 0 6" />
  391. </svg>
  393. <span class="w-full text-[#FFFFFF] text-xs truncate" id="value-of-carrier">ESCOLHA UMA CONFIGURAÇÃO</span>
  395. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="text-[#FFFFFF] w-5 h-5" viewBox="0 0 16 16">
  396. <path fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z" />
  397. </svg>
  398. </button>
  400. <button class="w-[40px] h-full flex items-center justify-center rounded-md cursor-none outline-none bg-[#070610]" id="button-open-checkuser" type="button" title="checkuser">
  401. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="text-[#FFFFFF]" viewBox="0 0 16 16">
  402. <path d="M4.684 11.523v-2.3h2.261v-.61H4.684V6.801h2.464v-.61H4v5.332zm3.296 0h.676V8.98c0-.554.227-1.007.953-1.007.125 0 .258.004.329.015v-.613a1.806 1.806 0 0 0-.254-.02c-.582 0-.891.32-1.012.567h-.02v-.504H7.98v4.105zm2.805-5.093c0 .238.192.425.43.425a.428.428 0 1 0 0-.855.426.426 0 0 0-.43.43m.094 5.093h.672V7.418h-.672z" />
  403. <path 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-.5M1 4v10a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V4z" />
  404. </svg>
  405. </button>
  406. </section>
  408. <section class="w-full h-auto flex flex-col items-center gap-3 mt-2.5 py-2.5 bg-[#14141489] rounded-md">
  409. <h1 class="text-[#7d7f81] text-lg font-medium">Dados de Acesso</h1>
  411. <div class="w-11/12 h-9 overflow-hidden border border-[#01010342] rounded-md bg-gradient-to-r from-[#0a0c17ab] to-transparent" id="container-input-username">
  412. <input class="w-full h-full pl-1 outline-none text-[#FFFFFF] bg-transparent" id="input-username" type="text" placeholder="Usuário" />
  413. </div>
  415. <div class="w-11/12 h-9 flex items-center relative overflow-hidden border border-[#01010342] rounded-md bg-gradient-to-r from-[#0a0c17ab] to-transparent" id="container-input-password">
  416. <input class="w-[calc(100%-30px)] h-full pl-1 outline-none text-[#FFFFFF] bg-transparent" id="input-password" type="password" placeholder="Senha" />
  418. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="w-5 h-5 absolute right-1 text-[#FFFFFF]" id="eye-view-password" viewBox="0 0 16 16">
  419. <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.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" />
  420. <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0" />
  421. </svg>
  423. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="w-5 h-5 absolute right-1 text-[#FFFFFF] hidden" id="eye-not-view-password" viewBox="0 0 16 16">
  424. <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486z" />
  425. <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829" />
  426. <path d="M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708" />
  427. </svg>
  428. </div>
  430. <div class="w-11/12 h-9 hidden items-center relative overflow-hidden border border-[#01010342] rounded-md bg-gradient-to-r from-[#0a0c17ab] to-transparent" id="container-input-uuid">
  431. <input class="w-[calc(100%-30px)] h-full pl-1 outline-none text-[#FFFFFF] bg-transparent" id="input-uuid" type="password" placeholder="UUID" />
  433. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="w-5 h-5 absolute right-1 text-[#FFFFFF]" id="eye-view-uuid" viewBox="0 0 16 16">
  434. <path d="M16 8s-3-5.5-8-5.5S0 8 0 8s3 5.5 8 5.5S16 8 16 8M1.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" />
  435. <path d="M8 5.5a2.5 2.5 0 1 0 0 5 2.5 2.5 0 0 0 0-5M4.5 8a3.5 3.5 0 1 1 7 0 3.5 3.5 0 0 1-7 0" />
  436. </svg>
  438. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="w-5 h-5 absolute right-1 text-[#FFFFFF] hidden" id="eye-not-view-uuid" viewBox="0 0 16 16">
  439. <path d="M13.359 11.238C15.06 9.72 16 8 16 8s-3-5.5-8-5.5a7.028 7.028 0 0 0-2.79.588l.77.771A5.944 5.944 0 0 1 8 3.5c2.12 0 3.879 1.168 5.168 2.457A13.134 13.134 0 0 1 14.828 8c-.058.087-.122.183-.195.288-.335.48-.83 1.12-1.465 1.755-.165.165-.337.328-.517.486z" />
  440. <path d="M11.297 9.176a3.5 3.5 0 0 0-4.474-4.474l.823.823a2.5 2.5 0 0 1 2.829 2.829zm-2.943 1.299.822.822a3.5 3.5 0 0 1-4.474-4.474l.823.823a2.5 2.5 0 0 0 2.829 2.829" />
  441. <path d="M3.35 5.47c-.18.16-.353.322-.518.487A13.134 13.134 0 0 0 1.172 8l.195.288c.335.48.83 1.12 1.465 1.755C4.121 11.332 5.881 12.5 8 12.5c.716 0 1.39-.133 2.02-.36l.77.772A7.029 7.029 0 0 1 8 13.5C3 13.5 0 8 0 8s.939-1.721 2.641-3.238l.708.709zm10.296 8.884-12-12 .708-.708 12 12-.708.708" />
  442. </svg>
  443. </div>
  445. <button class="w-11/12 h-9 rounded-md shadow-[0px_0px_10px_0px_rgba(18,22,34,1)] bg-[#0a0c17ab] cursor-none" id="button-vpn-start-stop" type="button" title="conectar ou desconectar vpn">
  446. <span class="text-sm font-medium text-[#FFFFFF]" id="status-button-vpn">Conectar</span>
  447. </button>
  448. </section>
  450. <section class="w-full h-auto grid grid-cols-2 justify-items-center mt-auto py-2.5">
  451. <span class="text-[#FFFFFF]">Download</span>
  453. <span class="text-[#FFFFFF]">Upload</span>
  455. <span class="text-[#FFFFFF]" id="download-value">0 B/s</span>
  457. <span class="text-[#FFFFFF]" id="upload-value">0 B/s</span>
  458. </section>
  460. <section class="w-full h-10 flex items-center justify-center gap-2 mt-auto rounded-md bg-[#070610]" id="button-logs">
  461. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="text-[#FFFFFF] w-4 h-4" viewBox="0 0 16 16">
  462. <path d="M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5" />
  463. <path d="M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5zm0 1v2A1.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-1z" />
  464. </svg>
  466. <span class="text-[#FFFFFF] text-sm font-medium">V 1.2 REGISTRO </span>
  467. </section>
  468. </section>
  470. <section class="w-5/6 h-full flex flex-col items-center absolute transition-all bg-[#0c0d18e0] -translate-x-full" id="container-menu">
  471. <section class="w-full h-10 flex justify-between items-center px-1">
  472. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="ml-auto text-[#FFFFFF] w-8 h-8" id="hidden-menu" viewBox="0 0 16 16">
  473. <path fill-rule="evenodd" d="M2.5 12a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5m0-4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5" />
  474. </svg>
  475. </section>
  477. <section class="w-full h-20 flex justify-center items-center mt-5">
  478. <div class="w-20 h-20 flex justify-center items-center rounded-full bg-[#575e81]">
  479. <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="h-2/4 stroke-[#FFFFFF]">
  480. <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 6a3.75 3.75 0 11-7.5 0 3.75 3.75 0 017.5 0zM4.501 20.118a7.5 7.5 0 0114.998 0A17.933 17.933 0 0112 21.75c-2.676 0-5.216-.584-7.499-1.632z" />
  481. </svg>
  482. </div>
  483. </section>
  485. <section class="w-full h-10 flex items-center justify-center">
  486. <span class="text-[#767881] text-sm font-medium px-[10%] border-b border-[#767881]" id="expires-date-user-in-menu">Expira em: 24/12/2023</span>
  487. </section>
  489. <section class="w-full h-[calc(100%-160px)] flex flex-col mt-5 px-2">
  490. <nav class="w-11/12 h-5 flex items-center gap-3" class="w-11/12 h-5 flex items-center gap-1" id="nav-checkuser">
  491. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="text-[#FFFFFF] w-5 h-5" viewBox="0 0 16 16">
  492. <path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6" />
  493. </svg>
  495. <span class="text-[#FFFFFF] font-medium">Informações do perfil</span>
  496. </nav>
  498. <nav class="w-11/12 h-5 flex items-center gap-3 mt-8" id="nav-whatsapp">
  499. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="text-[#FFFFFF]" viewBox="0 0 16 16">
  500. <path d="M13.601 2.326A7.854 7.854 0 0 0 7.994 0C3.627 0 .068 3.558.064 7.926c0 1.399.366 2.76 1.057 3.965L0 16l4.204-1.102a7.933 7.933 0 0 0 3.79.965h.004c4.368 0 7.926-3.558 7.93-7.93A7.898 7.898 0 0 0 13.6 2.326zM7.994 14.521a6.573 6.573 0 0 1-3.356-.92l-.24-.144-2.494.654.666-2.433-.156-.251a6.56 6.56 0 0 1-1.007-3.505c0-3.626 2.957-6.584 6.591-6.584a6.56 6.56 0 0 1 4.66 1.931 6.557 6.557 0 0 1 1.928 4.66c-.004 3.639-2.961 6.592-6.592 6.592zm3.615-4.934c-.197-.099-1.17-.578-1.353-.646-.182-.065-.315-.099-.445.099-.133.197-.513.646-.627.775-.114.133-.232.148-.43.05-.197-.1-.836-.308-1.592-.985-.59-.525-.985-1.175-1.103-1.372-.114-.198-.011-.304.088-.403.087-.088.197-.232.296-.346.1-.114.133-.198.198-.33.065-.134.034-.248-.015-.347-.05-.099-.445-1.076-.612-1.47-.16-.389-.323-.335-.445-.34-.114-.007-.247-.007-.38-.007a.729.729 0 0 0-.529.247c-.182.198-.691.677-.691 1.654 0 .977.71 1.916.81 2.049.098.133 1.394 2.132 3.383 2.992.47.205.84.326 1.129.418.475.152.904.129 1.246.08.38-.058 1.171-.48 1.338-.943.164-.464.164-.86.114-.943-.049-.084-.182-.133-.38-.232z" />
  501. </svg>
  503. <span class="text-[#FFFFFF] font-medium">Whatsapp</span>
  504. </nav>
  506. <nav class="w-11/12 h-5 flex items-center gap-3 mt-8" id="nav-telegram">
  507. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="text-[#FFFFFF]" viewBox="0 0 16 16">
  508. <path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M8.287 5.906q-1.168.486-4.666 2.01-.567.225-.595.442c-.03.243.275.339.69.47l.175.055c.408.133.958.288 1.243.294q.39.01.868-.32 3.269-2.206 3.374-2.23c.05-.012.12-.026.166.016s.042.12.037.141c-.03.129-1.227 1.241-1.846 1.817-.193.18-.33.307-.358.336a8 8 0 0 1-.188.186c-.38.366-.664.64.015 1.088.327.216.589.393.85.571.284.194.568.387.936.629q.14.092.27.187c.331.236.63.448.997.414.214-.02.435-.22.547-.82.265-1.417.786-4.486.906-5.751a1.4 1.4 0 0 0-.013-.315.34.34 0 0 0-.114-.217.53.53 0 0 0-.31-.093c-.3.005-.763.166-2.984 1.09" />
  509. </svg>
  511. <span class="text-[#FFFFFF] font-medium">Suporte</span>
  512. </nav>
  514. <nav class="w-11/12 h-5 flex items-center gap-3 mt-8" id="nav-renew">
  515. <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="stroke-[#FFFFFF] w-5 h-5">
  516. <path stroke-linecap="round" stroke-linejoin="round" d="M2.25 18.75a60.07 60.07 0 0115.797 2.101c.727.198 1.453-.342 1.453-1.096V18.75M3.75 4.5v.75A.75.75 0 013 6h-.75m0 0v-.375c0-.621.504-1.125 1.125-1.125H20.25M2.25 6v9m18-10.5v.75c0 .414.336.75.75.75h.75m-1.5-1.5h.375c.621 0 1.125.504 1.125 1.125v9.75c0 .621-.504 1.125-1.125 1.125h-.375m1.5-1.5H21a.75.75 0 00-.75.75v.75m0 0H3.75m0 0h-.375a1.125 1.125 0 01-1.125-1.125V15m1.5 1.5v-.75A.75.75 0 003 15h-.75M15 10.5a3 3 0 11-6 0 3 3 0 016 0zm3 0h.008v.008H18V10.5zm-12 0h.008v.008H6V10.5z" />
  517. </svg>
  519. <span class="text-[#FFFFFF] font-medium">Renovar</span>
  520. </nav>
  522. <nav class="w-11/12 h-5 flex items-center gap-3 mt-8" id="nav-test">
  523. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="text-[#FFFFFF] w-5 h-5" viewBox="0 0 16 16">
  524. <path d="M6.5 0a.5.5 0 0 0 0 1H7v1.07A7.001 7.001 0 0 0 8 16a7 7 0 0 0 5.29-11.584.531.531 0 0 0 .013-.012l.354-.354.353.354a.5.5 0 1 0 .707-.707l-1.414-1.415a.5.5 0 1 0-.707.707l.354.354-.354.354a.717.717 0 0 0-.012.012A6.973 6.973 0 0 0 9 2.071V1h.5a.5.5 0 0 0 0-1zm2 5.6V9a.5.5 0 0 1-.5.5H4.5a.5.5 0 0 1 0-1h3V5.6a.5.5 0 1 1 1 0" />
  525. </svg>
  527. <span class="text-[#FFFFFF] font-medium">Gerar teste</span>
  528. </nav>
  530. <nav class="w-11/12 h-5 flex items-center gap-3 mt-8" id="nav-update">
  531. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="text-[#FFFFFF] w-5 h-5" viewBox="0 0 16 16">
  532. <path d="M11.473 9a4.5 4.5 0 0 0-8.72-.99A3 3 0 0 0 3 14h8.5a2.5 2.5 0 1 0-.027-5" />
  533. <path d="M14.544 9.772a3.506 3.506 0 0 0-2.225-1.676 5.502 5.502 0 0 0-6.337-4.002 4.002 4.002 0 0 1 7.392.91 2.5 2.5 0 0 1 1.17 4.769z" />
  534. </svg>
  536. <span class="text-[#FFFFFF] font-medium">Verificar atualizações</span>
  537. </nav>
  539. <nav class="w-11/12 h-5 flex items-center gap-3 mt-8" id="nav-terms">
  540. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="text-[#FFFFFF] w-5 h-5" viewBox="0 0 16 16">
  541. <path d="M8 1.783C7.015.936 5.587.81 4.287.94c-1.514.153-3.042.672-3.994 1.105A.5.5 0 0 0 0 2.5v11a.5.5 0 0 0 .707.455c.882-.4 2.303-.881 3.68-1.02 1.409-.142 2.59.087 3.223.877a.5.5 0 0 0 .78 0c.633-.79 1.814-1.019 3.222-.877 1.378.139 2.8.62 3.681 1.02A.5.5 0 0 0 16 13.5v-11a.5.5 0 0 0-.293-.455c-.952-.433-2.48-.952-3.994-1.105C10.413.809 8.985.936 8 1.783" />
  542. </svg>
  544. <span class="text-[#FFFFFF] font-medium">Termos de uso</span>
  545. </nav>
  547. <nav class="w-11/12 h-5 flex items-center gap-3 mt-8" id="nav-hotspot">
  548. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="text-[#FFFFFF] w-5 h-5" viewBox="0 0 16 16">
  549. <path d="M5.525 3.025a3.5 3.5 0 0 1 4.95 0 .5.5 0 1 0 .707-.707 4.5 4.5 0 0 0-6.364 0 .5.5 0 0 0 .707.707Z" />
  550. <path d="M6.94 4.44a1.5 1.5 0 0 1 2.12 0 .5.5 0 0 0 .708-.708 2.5 2.5 0 0 0-3.536 0 .5.5 0 0 0 .707.707Z" />
  551. <path d="M2.974 2.342a.5.5 0 1 0-.948.316L3.806 8H1.5A1.5 1.5 0 0 0 0 9.5v2A1.5 1.5 0 0 0 1.5 13H2a.5.5 0 0 0 .5.5h2A.5.5 0 0 0 5 13h6a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5h.5a1.5 1.5 0 0 0 1.5-1.5v-2A1.5 1.5 0 0 0 14.5 8h-2.306l1.78-5.342a.5.5 0 1 0-.948-.316L11.14 8H4.86L2.974 2.342ZM2.5 11a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1m4.5-.5a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0m2.5.5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1m1.5-.5a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0m2 0a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0" />
  552. <path d="M8.5 5.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0" />
  553. </svg>
  555. <span class="text-[#FFFFFF] font-medium">ROTEAR VPN </span>
  556. </nav>
  558. <nav class="w-11/12 h-5 flex items-center gap-3 mt-8" id="nav-access-point">
  559. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="text-[#FFFFFF] w-5 h-5" viewBox="0 0 16 16">
  560. <path d="M16 4.5a4.492 4.492 0 0 1-1.703 3.526L13 5l2.959-1.11c.027.2.041.403.041.61" />
  561. <path d="M11.5 9c.653 0 1.273-.139 1.833-.39L12 5.5 11 3l3.826-1.53A4.5 4.5 0 0 0 7.29 6.092l-6.116 5.096a2.583 2.583 0 1 0 3.638 3.638L9.908 8.71A4.49 4.49 0 0 0 11.5 9m-1.292-4.361-.596.893.809-.27a.25.25 0 0 1 .287.377l-.596.893.809-.27.158.475-1.5.5a.25.25 0 0 1-.287-.376l.596-.893-.809.27a.25.25 0 0 1-.287-.377l.596-.893-.809.27-.158-.475 1.5-.5a.25.25 0 0 1 .287.376M3 14a1 1 0 1 1 0-2 1 1 0 0 1 0 2" />
  562. </svg>
  564. <span class="text-[#FFFFFF] font-medium">Ajustes de APN</span>
  565. </nav>
  567. <nav class="w-11/12 h-5 flex items-center gap-3 mt-8" id="nav-app-clean-data">
  568. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="text-[#FFFFFF] w-5 h-5" viewBox="0 0 16 16">
  569. <path d="M11 1.5v1h3.5a.5.5 0 0 1 0 1h-.538l-.853 10.66A2 2 0 0 1 11.115 16h-6.23a2 2 0 0 1-1.994-1.84L2.038 3.5H1.5a.5.5 0 0 1 0-1H5v-1A1.5 1.5 0 0 1 6.5 0h3A1.5 1.5 0 0 1 11 1.5m-5 0v1h4v-1a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5M4.5 5.029l.5 8.5a.5.5 0 1 0 .998-.06l-.5-8.5a.5.5 0 1 0-.998.06Zm6.53-.528a.5.5 0 0 0-.528.47l-.5 8.5a.5.5 0 0 0 .998.058l.5-8.5a.5.5 0 0 0-.47-.528ZM8 4.5a.5.5 0 0 0-.5.5v8.5a.5.5 0 0 0 1 0V5a.5.5 0 0 0-.5-.5" />
  570. </svg>
  572. <span class="text-[#FFFFFF] font-medium">Limpar dados</span>
  573. </nav>
  574. </section>
  575. </section>
  577. <section class="w-full h-full flex flex-col items-center justify-center absolute transition-all scale-0 bg-[#0c0d18e0]" id="container-terms">
  578. <section class="w-11/12 h-2/3 flex flex-col relative rounded-md bg-[#121c28]">
  579. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="absolute top-1 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-[#FF0000] w-20 h-20" viewBox="0 0 16 16">
  580. <path d="M11.46.146A.5.5 0 0 0 11.107 0H4.893a.5.5 0 0 0-.353.146L.146 4.54A.5.5 0 0 0 0 4.893v6.214a.5.5 0 0 0 .146.353l4.394 4.394a.5.5 0 0 0 .353.146h6.214a.5.5 0 0 0 .353-.146l4.394-4.394a.5.5 0 0 0 .146-.353V4.893a.5.5 0 0 0-.146-.353L11.46.146zM8 4c.535 0 .954.462.9.995l-.35 3.507a.552.552 0 0 1-1.1 0L7.1 4.995A.905.905 0 0 1 8 4m.002 6a1 1 0 1 1 0 2 1 1 0 0 1 0-2" />
  581. </svg>
  583. <h1 class="w-full mt-14 text-[#FF0000] text-center text-lg font-medium">TERMOS DE USO</h1>
  585. <section class="w-full h-full mt-3 mb-3 px-3 overflow-auto text-center">
  586. <p class="text-[#FFFFFF]">A AGSSHBR envidará esforços razoáveis para garantir a disponibilidade contínua de nossos serviços de VPN. No entanto, o Cliente reconhece que, devido à natureza da Internet e de outros fatores que estão além do nosso controle, não podemos garantir que os serviços de VPN estarão livres de interrupções ou quedas de conexão. O Cliente entende e concorda que quedas de conexão ou interrupções podem ocorrer devido a circunstâncias imprevistas, manutenção de rotina, atualizações de software, eventos de força maior ou outras situações semelhantes. A AGSSHBR não assume qualquer responsabilidade por perdas, danos ou inconveniências que o Cliente possa sofrer como resultado de quedas de conexão ou interrupções nos serviços de VPN. O Cliente concorda em isentar a AGSSHBR de qualquer responsabilidade relacionada a tais eventos.</p>
  587. </section>
  589. <section class="w-full h-auto flex items-center justify-center my-3">
  590. <button class="w-2/4 h-9 rounded-md cursor-none bg-[#414cb8]" id="close-terms-container" type="button">
  591. <span class="text-[#FFFFFF]">CONCORDO</span>
  592. </button>
  593. </section>
  594. </section>
  595. </section>
  597. <section class="w-full h-full flex flex-col items-center justify-center absolute transition-all scale-0 bg-[#0c0d18e0]" id="container-hotspot">
  598. <section class="w-11/12 h-auto flex flex-col relative rounded-md bg-[#121c28]">
  599. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="absolute top-1 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-[#11c9ff] w-20 h-20" viewBox="0 0 16 16">
  600. <path d="M5.525 3.025a3.5 3.5 0 0 1 4.95 0 .5.5 0 1 0 .707-.707 4.5 4.5 0 0 0-6.364 0 .5.5 0 0 0 .707.707Z" />
  601. <path d="M6.94 4.44a1.5 1.5 0 0 1 2.12 0 .5.5 0 0 0 .708-.708 2.5 2.5 0 0 0-3.536 0 .5.5 0 0 0 .707.707Z" />
  602. <path d="M2.974 2.342a.5.5 0 1 0-.948.316L3.806 8H1.5A1.5 1.5 0 0 0 0 9.5v2A1.5 1.5 0 0 0 1.5 13H2a.5.5 0 0 0 .5.5h2A.5.5 0 0 0 5 13h6a.5.5 0 0 0 .5.5h2a.5.5 0 0 0 .5-.5h.5a1.5 1.5 0 0 0 1.5-1.5v-2A1.5 1.5 0 0 0 14.5 8h-2.306l1.78-5.342a.5.5 0 1 0-.948-.316L11.14 8H4.86L2.974 2.342ZM2.5 11a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1m4.5-.5a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0m2.5.5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1m1.5-.5a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0m2 0a.5.5 0 1 1 1 0 .5.5 0 0 1-1 0" />
  603. <path d="M8.5 5.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0" />
  604. </svg>
  606. <h1 class="w-full mt-14 text-[#11c9ff] text-center text-lg font-medium">ROTEAMENTO POR PROXY</h1>
  608. <section class="w-full h-full mt-3 mb-3 px-3 overflow-auto text-center">
  609. <p class="text-[#FFFFFF]">Essa função serve para rotear para outros dispositivos o hotspot, caso queira ativar ou precise desativar é só apertar no botão a baixo.</p>
  610. </section>
  612. <section class="w-full h-auto flex items-center justify-center gap-5 my-3">
  613. <button class="w-auto h-9 px-2 rounded-md cursor-none bg-[#414cb8]" id="button-hotspot" type="button">
  614. <span class="text-[#FFFFFF]" id="value-of-button-hotspot">ATIVAR HOTSPOT</span>
  615. </button>
  617. <button class="w-auto h-9 px-2 rounded-md cursor-none bg-red-900" id="close-hotspot-container" type="button">
  618. <span class="text-[#FFFFFF]">FECHAR</span>
  619. </button>
  620. </section>
  621. </section>
  622. </section>
  624. <section class="w-full h-full flex flex-col items-center justify-center absolute transition-all scale-0 bg-[#0c0d18e0]" id="container-configs">
  625. <section class="w-11/12 max-h-[66.666667%] flex flex-col relative rounded-md bg-[#121c28]">
  626. <header class="w-full min-h-[40px] max-h-[10%] flex items-center mb-2 border-b border-[#01010342] rounded-t-md">
  627. <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6 stroke-white" id="hidden-container-configs">
  628. <path stroke-linecap="round" stroke-linejoin="round" d="M15.75 19.5L8.25 12l7.5-7.5" />
  629. </svg>
  631. <h1 class="flex-1 pr-6 text-white text-center text-sm font-medium">CONFIGURAÇÕES</h1>
  632. </header>
  634. <section class="w-full h-[90%] overflow-auto px-1 mb-1 rounded-md">
  635. <section class="w-full h-auto flex flex-col gap-2" id="area-carrier-list">
  636. <div class="flex items-center">
  637. <input class="peer hidden" type="radio" name="config" id="tim-premium-cf" />
  638. <label class="w-full max-h-8 p-2 border border-[#01010342] rounded-md transition-[max-height] duration-1000 overflow-hidden" for="tim-premium-cf">
  639. <header class="w-full h-3 flex items-center justify-center p-2">
  640. <h1 class="text-xs font-medium text-white truncate">VIVO PREMIUM ACF</h1>
  641. </header>
  643. <ul class="w-full h-auto flex flex-col gap-2 mt-3 overflow-hidden">
  644. <li class="w-full h-12 flex items-center gap-2 px-1 rounded-md overflow-hidden bg-[#0c0d18e0]">
  645. <div class="w-10 h-[100%] flex items-center">
  646. <img src="https://i.ibb.co/TkC0rCH/DT7ixvcjh0.png" alt="icon" />
  647. </div>
  649. <div class="flex-1 flex flex-col gap-1 truncate">
  650. <h1 class="text-white text-xs truncate">TIM 1 ➜ CONFIG 1 ➜ SV01.OCI (COPY)</h1>
  652. <span class="text-white text-[0.65rem] truncate">SERVIDOR: 🇧🇷 ➜ LATÊNCIA BAIXA </span>
  653. </div>
  655. <div class="w-14 h-[100%] flex gap-1 items-end truncate">
  656. <span class="text-white text-[0.5rem] leading-7 truncate">OVPN_SSL_PROXY</span>
  657. </div>
  658. </li>
  660. <li class="w-full h-12 flex items-center gap-2 px-1 rounded-md overflow-hidden bg-[#0c0d18e0]">
  661. <div class="w-10 h-[100%] flex items-center">
  662. <img src="https://i.ibb.co/TkC0rCH/DT7ixvcjh0.png" alt="icon" />
  663. </div>
  665. <div class="flex-1 flex flex-col gap-1 truncate">
  666. <h1 class="text-white text-xs truncate">TIM 1 ➜ CONFIG 1 ➜ SV01.OCI (COPY)</h1>
  668. <span class="text-white text-[0.65rem] truncate">SERVIDOR: 🇧🇷 ➜ LATÊNCIA BAIXA </span>
  669. </div>
  671. <div class="w-14 h-[100%] relative truncate">
  672. <span class="text-white text-[0.6rem] truncate absolute bottom-1 right-1">SSH_PROXY</span>
  673. </div>
  674. </li>
  675. </ul>
  676. </label>
  677. </div>
  679. <div class="flex items-center">
  680. <input class="peer hidden" type="radio" name="config" id="vivo-premium-cf" />
  681. <label class="w-full max-h-8 p-2 border border-[#01010342] rounded-md transition-[max-height] duration-1000 overflow-hidden" for="vivo-premium-cf">
  682. <header class="w-full h-3 flex items-center justify-center p-2">
  683. <h1 class="text-sm text-white truncate">TIM PREMIUM ACF</h1>
  684. </header>
  686. <section class="w-full h-auto"></section>
  687. </label>
  688. </div>
  689. </section>
  690. </section>
  691. </section>
  692. </section>
  693. </main>
  695. <!-- FUNÇÕES DO APP -->
  696. <script>
  697. function appGetStatusbarHeightSize() {
  698. if (window?.DtGetStatusBarHeight?.execute && typeof window?.DtGetStatusBarHeight.execute === "function") {
  699. return DtGetStatusBarHeight.execute();
  700. }
  702. return 0;
  703. }
  705. function appGetNavbarHeightSize() {
  706. if (window?.DtGetNavigationBarHeight?.execute && typeof window?.DtGetNavigationBarHeight?.execute === "function") {
  707. return DtGetNavigationBarHeight.execute();
  708. }
  710. return 0;
  711. }
  713. function appTranslateText(label) {
  714. if (window?.DtTranslateText?.execute && typeof window?.DtTranslateText?.execute === "function") {
  715. return DtTranslateText.execute(label);
  716. }
  718. return null;
  719. }
  721. function appGetConfigLabel(label) {
  722. if (window?.DtGetAppConfig?.execute && typeof window?.DtGetAppConfig?.execute === "function") {
  723. return DtGetAppConfig.execute(label);
  724. }
  726. return null;
  727. }
  729. function appGetCarrierName() {
  730. if (window?.Android?.getNetworkName && typeof window?.Android?.getNetworkName === "function") {
  731. return Android.getNetworkName();
  732. }
  734. return null;
  735. }
  737. function appGetLocalIp() {
  738. if (window?.Android?.getLocalIP && typeof window?.Android.getLocalIP === "function") {
  739. return Android.getLocalIP();
  740. }
  742. return null;
  743. }
  745. function appGetConfigVersion() {
  746. if (window?.DtGetLocalConfigVersion?.execute && typeof window?.DtGetLocalConfigVersion?.execute === "function") {
  747. return DtGetLocalConfigVersion.execute();
  748. }
  750. return null;
  751. }
  753. function appOpenDialogConfig() {
  754. if (window?.DtExecuteDialogConfig?.execute && typeof window?.DtExecuteDialogConfig?.execute === "function") {
  755. return DtExecuteDialogConfig.execute();
  756. }
  758. return null;
  759. }
  761. function appGetDefaultConfig() {
  762. if (window?.DtGetDefaultConfig?.execute && typeof window?.DtGetDefaultConfig?.execute) {
  763. return DtGetDefaultConfig.execute();
  764. }
  766. return null;
  767. }
  769. function appGetAllConfigs() {
  770. if (window?.DtGetConfigs?.execute && typeof window?.DtGetConfigs?.execute === "function") {
  771. return JSON.parse(DtGetConfigs.execute());
  772. }
  774. return null;
  775. }
  777. function appSetConfig(id) {
  778. if (window?.DtSetConfig?.execute && typeof window?.DtSetConfig?.execute === "function") {
  779. window?.DtSetConfig?.execute(id);
  780. }
  782. return null;
  783. }
  785. function appOpenDialogDialogs() {
  786. if (window?.DtShowLoggerDialog?.execute && typeof window?.DtShowLoggerDialog?.execute === "function") {
  787. return window?.DtShowLoggerDialog.execute();
  788. }
  790. return null;
  791. }
  793. function appGetUsername() {
  794. if (window?.DtUsername && typeof window?.DtUsername.get === "function") {
  795. return DtUsername.get();
  796. }
  798. return "";
  799. }
  801. function appGetPassword() {
  802. if (window?.DtPassword && typeof window?.DtPassword?.get === "function") {
  803. return DtPassword.get();
  804. }
  806. return "";
  807. }
  809. function appGetUUID() {
  810. if (window?.DtUuid?.get && typeof window?.DtUuid.get === "function") {
  811. return DtUuid.get();
  812. }
  814. return "";
  815. }
  817. function appSetUsername(username) {
  818. if (window?.DtUsername?.set && typeof window?.DtUsername?.set === "function") {
  819. return window.DtUsername.set(username);
  820. }
  822. return null;
  823. }
  825. function appSetPassword(password) {
  826. if (window?.DtPassword?.set && typeof window?.DtPassword?.set === "function") {
  827. return window.DtPassword.set(password);
  828. }
  830. return null;
  831. }
  833. function appSetUUID(UUID) {
  834. if (window?.DtUuid.set && typeof window?.DtUuid?.set === "function") {
  835. return window.DtUuid.set(UUID);
  836. }
  838. return null;
  839. }
  841. function appGetConnectionState() {
  842. if (window?.DtGetVpnState?.execute && typeof window?.DtGetVpnState?.execute === "function") {
  843. return DtGetVpnState.execute();
  844. }
  846. return null;
  847. }
  849. function appStartConnection() {
  850. if (window?.DtExecuteVpnStart?.execute && typeof window?.DtExecuteVpnStart?.execute === "function") {
  851. return DtExecuteVpnStart.execute();
  852. }
  854. return null;
  855. }
  857. function appStopConnection() {
  858. if (window?.DtExecuteVpnStop?.execute && typeof window?.DtExecuteVpnStop?.execute === "function") {
  859. return DtExecuteVpnStop.execute();
  860. }
  862. return null;
  863. }
  865. function appGetDownloadBytes() {
  866. if (window?.DtGetNetworkDownloadBytes?.execute && typeof window?.DtGetNetworkDownloadBytes?.execute === "function") {
  867. return window?.DtGetNetworkDownloadBytes?.execute();
  868. }
  870. return "0 B/s";
  871. }
  873. function appGetUploadBytes() {
  874. if (window?.DtGetNetworkUploadBytes?.execute && typeof window?.DtGetNetworkUploadBytes?.execute === "function") {
  875. return Number(window?.DtGetNetworkUploadBytes?.execute());
  876. }
  878. return "0 B/s";
  879. }
  881. function appGetStatusHotspot() {
  882. if (window?.DtGetStatusHotSpotService?.execute && typeof window?.DtGetStatusHotSpotService?.execute === "function") {
  883. return window?.DtGetStatusHotSpotService.execute();
  884. }
  886. return null;
  887. }
  889. function appStartHotspot() {
  890. if (window?.DtStartHotSpotService?.execute && typeof window?.DtStartHotSpotService?.execute === "function") {
  891. return window.DtStartHotSpotService.execute();
  892. }
  894. return null;
  895. }
  897. function appStopHotspot() {
  898. if (window?.DtStopHotSpotService?.execute && typeof window?.DtStopHotSpotService?.execute === "function") {
  899. return window?.DtStopHotSpotService.execute();
  900. }
  902. return null;
  903. }
  905. function AppUpdate() {
  906. if (window?.DtStartAppUpdate?.execute && typeof window?.DtStartAppUpdate?.execute === "function") {
  907. return window.DtStartAppUpdate.execute();
  908. }
  910. return null;
  911. }
  913. function appIntoBrowser(url) {
  914. if (window?.DtStartWebViewActivity?.execute && typeof window?.DtStartWebViewActivity?.execute === "function") {
  915. return DtStartWebViewActivity.execute(url);
  916. }
  918. window.open(url, "_blank");
  919. }
  921. function appCheckuser() {
  922. if (window?.DtStartCheckUser?.execute && typeof window?.DtStartCheckUser?.execute === "function") {
  923. return window.DtStartCheckUser.execute();
  924. }
  926. return null;
  927. }
  929. function appApnConfiguration() {
  930. if (window?.DtStartApnActivity?.execute && typeof window?.DtStartApnActivity?.execute == "function") {
  931. return window?.DtStartApnActivity.execute();
  932. }
  934. return null;
  935. }
  937. function appBatteryOptimize() {
  938. if (window?.DtIgnoreBatteryOptimizations?.execute && typeof window?.DtIgnoreBatteryOptimizations?.execute === "function") {
  939. return DtIgnoreBatteryOptimizations.execute();
  940. }
  942. return null;
  943. }
  945. function appClearData() {
  946. if (window?.DtCleanApp?.execute && typeof window?.DtCleanApp?.execute === "function") {
  947. return DtCleanApp.execute();
  948. }
  950. return null;
  951. }
  953. function networkName() {
  954. if (window?.Android?.getNetworkName && typeof window?.Android?.getNetworkName === "function") {
  955. return Android.getNetworkName();
  956. }
  958. return null;
  959. }
  961. function internetProtocol() {
  962. if (window?.Android?.getLocalIP && typeof window?.Android?.getLocalIP === "function") {
  963. return Android.getLocalIP();
  964. }
  966. return null;
  967. }
  968. </script>
  970. <!-- DOM WRAPPER -->
  971. <script>
  972. const Dom = (selector) => {
  973. const _elements = document.querySelectorAll(selector);
  975. const wrapper = {
  976. on(listeners) {
  977. for (const [event, listener] of Object.entries(listeners)) {
  978. _elements.forEach((element) => {
  979. element.addEventListener(event, listener);
  980. });
  981. }
  983. return wrapper;
  984. },
  985. addClass: (...tokens) => {
  986. _elements.forEach((element) => {
  987. element.classList.add(...tokens);
  988. });
  990. return wrapper;
  991. },
  992. removeClass: (...tokens) => {
  993. _elements.forEach((element) => {
  994. element.classList.remove(...tokens);
  995. });
  997. return wrapper;
  998. },
  999. toggleClass: (token, force) => {
  1000. _elements.forEach((element) => {
  1001. element.classList.toggle(token, force);
  1002. });
  1004. return wrapper;
  1005. },
  1006. style(styles) {
  1007. for (const [property, value] of Object.entries(styles)) {
  1008. _elements.forEach((element) => {
  1009. element.style[property] = value;
  1010. });
  1011. }
  1013. return wrapper;
  1014. },
  1015. attr(attrs) {
  1016. for (const [name, value] of Object.entries(attrs)) {
  1017. _elements.forEach((element) => element.setAttribute(name, value));
  1018. }
  1020. return wrapper;
  1021. },
  1022. html(value) {
  1023. _elements.forEach((element) => (element.innerHTML = value));
  1024. return wrapper;
  1025. },
  1026. /**
  1027. * @return {Element|null}
  1028. */
  1029. element() {
  1030. return _elements.length > 0 ? _elements[0] : null;
  1031. },
  1032. allElements: _elements,
  1033. };
  1035. return wrapper;
  1036. };
  1037. </script>
  1039. <!-- VÁRIAVIES -->
  1040. <script>
  1041. const body = Dom("body");
  1043. const containerHome = Dom("#container-home");
  1045. const openMenuButton = Dom("#open-menu");
  1046. const carrierDetails = Dom("#carrier-details");
  1047. const vpnStatusValue = Dom("#vpn-status");
  1049. const appLogo = Dom("#app-logo");
  1051. const buttonOfListCarrier = Dom("#button-of-list-carrier");
  1052. const valueOnButtonOfCarrierList = Dom("#value-of-carrier");
  1053. const buttonOfCheckUser = Dom("#button-open-checkuser");
  1055. const containerInputUsername = Dom("#container-input-username");
  1056. const containerInputPassword = Dom("#container-input-password");
  1057. const containerInputUUID = Dom("#container-input-uuid");
  1059. const inputUsername = Dom("#input-username");
  1060. const inputPassword = Dom("#input-password");
  1061. const inputUUID = Dom("#input-uuid");
  1063. const eyeViewPasswordInput = Dom("#eye-view-password");
  1064. const eyeNotViewPasswordInput = Dom("#eye-not-view-password");
  1066. const eyeViewUUID = Dom("#eye-view-uuid");
  1067. const eyeNotViewUUID = Dom("#eye-not-view-uuid");
  1069. const buttonStartStopVpn = Dom("#button-vpn-start-stop");
  1070. const buttonStartStopValue = Dom("#status-button-vpn");
  1072. const downloadValue = Dom("#download-value");
  1073. const uploadValue = Dom("#upload-value");
  1075. const buttonLogs = Dom("#button-logs");
  1077. const containerMenu = Dom("#container-menu");
  1078. const hiddenContainerMenuButton = Dom("#hidden-menu");
  1080. const expiresDateUserInMenu = Dom("#expires-date-user-in-menu");
  1082. const navCheckuser = Dom("#nav-checkuser");
  1083. const navWhatsapp = Dom("#nav-whatsapp");
  1084. const navTelegram = Dom("#nav-telegram");
  1085. const navRenew = Dom("#nav-renew");
  1086. const navTest = Dom("#nav-test");
  1087. const navUpdate = Dom("#nav-update");
  1088. const navTerms = Dom("#nav-terms");
  1089. const navHotspot = Dom("#nav-hotspot");
  1090. const navAccessPoint = Dom("#nav-access-point");
  1091. const navAppCleanData = Dom("#nav-app-clean-data");
  1093. const containerTerms = Dom("#container-terms");
  1094. const closeContainerTerms = Dom("#close-terms-container");
  1096. const containerHotspot = Dom("#container-hotspot");
  1097. const closeContainerHotspotButton = Dom("#close-hotspot-container");
  1098. const buttonStartOrStopHotspot = Dom("#button-hotspot");
  1099. const valueOfButtonHotspot = Dom("#value-of-button-hotspot");
  1101. const containerConfigs = Dom("#container-configs");
  1102. const closeContainerConfigs = Dom("#hidden-container-configs");
  1104. const containerAreaCarrierList = Dom("#area-carrier-list");
  1106. const inputsPeer = Dom("input.peer");
  1107. const labelsFor = Dom("label[for]");
  1108. </script>
  1110. <!-- VÁRIAVEIS DO SISTEMA -->
  1111. <script>
  1112. const currentNetworkDownload = parseFloat(localStorage.getItem("networkDownload") ?? appGetDownloadBytes());
  1113. const currentNetworkUpload = parseFloat(localStorage.getItem("networkUpload") ?? appGetUploadBytes());
  1114. </script>
  1116. <!-- FUNÇÕES -->
  1117. <script>
  1118. function getAppBackground() {
  1119. const background_type = appGetConfigLabel("APP_BACKGROUND_TYPE");
  1120. const background_color = appGetConfigLabel("APP_BACKGROUND_COLOR");
  1121. const background_image = appGetConfigLabel("APP_BACKGROUND_IMAGE");
  1123. if (!background_type) {
  1124. return "url('../dist/bg.jpeg')";
  1125. }
  1127. if (JSON.parse(background_type)?.value === "COLOR") {
  1128. return JSON.parse(background_color).value;
  1129. }
  1131. return `url(${JSON.parse(background_image).value})`;
  1132. }
  1134. function getAppLogo() {
  1135. const logo = appGetConfigLabel("APP_LOGO");
  1137. if (!logo) {
  1138. return "../dist/logo.png";
  1139. }
  1141. return JSON.parse(logo)?.value;
  1142. }
  1144. function getConfigName() {
  1145. const config = appGetDefaultConfig();
  1147. if (!config) {
  1148. return {
  1149. name: appTranslateText("LBL_CHOOSE_CONFIG"),
  1150. mode: "",
  1151. };
  1152. }
  1154. if (JSON.parse(config)?.name && JSON.parse(config)?.mode) {
  1155. return {
  1156. name: JSON.parse(config)?.name,
  1157. mode: JSON.parse(config)?.mode,
  1158. };
  1159. }
  1161. return {
  1162. name: appTranslateText("LBL_CHOOSE_CONFIG"),
  1163. mode: "",
  1164. };
  1165. }
  1167. function writeConfigValueOnButton() {
  1168. valueOnButtonOfCarrierList.html(getConfigName()?.name);
  1169. }
  1171. function writeCarrierStatus() {
  1172. setInterval(() => {
  1173. carrierDetails.html(`${appGetCarrierName()}: ${internetProtocol()}`);
  1174. });
  1175. }
  1177. function connectionState(state) {
  1178. const connectionValue = `${state || appGetConnectionState()}`;
  1180. switch (connectionValue) {
  1181. case "DISCONNECTED":
  1182. buttonStartStopValue.html(appTranslateText("LBL_BTN_START"));
  1183. vpnStatusValue.html(appTranslateText("LBL_STATE_DISCONNECTED"));
  1184. break;
  1185. case "CONNECTING":
  1186. buttonStartStopValue.html(appTranslateText("LBL_BTN_STOP"));
  1187. vpnStatusValue.html(appTranslateText("LBL_STATE_CONNECTING"));
  1188. break;
  1189. case "CONNECTED":
  1190. buttonStartStopValue.html(appTranslateText("LBL_BTN_STOP"));
  1191. vpnStatusValue.html(appTranslateText("LBL_STATE_CONNECTED"));
  1192. break;
  1193. case "STOPPING":
  1194. buttonStartStopValue.html(appTranslateText("LBL_BTN_STOPPING"));
  1195. vpnStatusValue.html(appTranslateText("LBL_STATE_STOPPING"));
  1196. break;
  1197. case "NO_NETWORK":
  1198. buttonStartStopValue.html(appTranslateText("LBL_BTN_STOP"));
  1199. vpnStatusValue.html(appTranslateText("LBL_STATE_NO_NETWORK"));
  1200. break;
  1201. case "AUTH":
  1202. buttonStartStopValue.html(appTranslateText("LBL_BTN_STOP"));
  1203. vpnStatusValue.html(appTranslateText("LBL_STATE_AUTH"));
  1204. break;
  1205. case "AUTH_FAILED":
  1206. buttonStartStopValue.html(appTranslateText("LBL_BTN_START"));
  1207. vpnStatusValue.html(appTranslateText("LBL_STATE_AUTH_FAILED"));
  1208. break;
  1209. }
  1210. }
  1212. function startStopConnection() {
  1213. const state = appGetConnectionState();
  1214. state !== "CONNECTED" ? appStartConnection() : appStopConnection();
  1215. }
  1217. function startHotspot() {
  1218. appStartHotspot();
  1220. valueOfButtonHotspot.html("DESATIVAR HOTSPOT");
  1222. return;
  1223. }
  1225. function stopHotspot() {
  1226. appStopHotspot();
  1228. valueOfButtonHotspot.html("ATIVAR HOTSPOT");
  1230. return;
  1231. }
  1233. function toggleHotspot() {
  1234. appGetStatusHotspot() === "STOPPED" ? startHotspot() : stopHotspot();
  1236. return;
  1237. }
  1239. function setStatusHotspot() {
  1240. if (appGetStatusHotspot() === "STOPPED") {
  1241. valueOfButtonHotspot.html("ATIVAR HOTSPOT");
  1243. return;
  1244. } else {
  1245. valueOfButtonHotspot.html("DESATIVAR HOTSPOT");
  1247. return;
  1248. }
  1250. return;
  1251. }
  1253. function showInputPasswordValue() {
  1254. eyeViewPasswordInput.addClass("hidden");
  1255. eyeNotViewPasswordInput.removeClass("hidden");
  1256. inputPassword.attr({ type: "text" });
  1257. }
  1258. function hiddenInputPasswordValue() {
  1259. eyeViewPasswordInput.removeClass("hidden");
  1260. eyeNotViewPasswordInput.addClass("hidden");
  1261. inputPassword.attr({ type: "password" });
  1262. }
  1264. function showInputUUIDValue() {
  1265. eyeViewUUID.addClass("hidden");
  1266. eyeNotViewUUID.removeClass("hidden");
  1267. inputUUID.attr({ type: "text" });
  1268. }
  1269. function hiddenInputUUIDValue() {
  1270. eyeViewUUID.removeClass("hidden");
  1271. eyeNotViewUUID.addClass("hidden");
  1272. inputUUID.attr({ type: "password" });
  1273. }
  1275. function showContainerMenu() {
  1276. containerMenu.removeClass("-translate-x-full");
  1278. return;
  1279. }
  1280. function hiddenContainerMenu() {
  1281. containerMenu.addClass("-translate-x-full");
  1283. return;
  1284. }
  1286. function showContainerTerms() {
  1287. containerTerms.removeClass("scale-0");
  1289. return;
  1290. }
  1291. function hiddenContainerTerms() {
  1292. containerTerms.addClass("scale-0");
  1294. return;
  1295. }
  1297. function showContainerHotspot() {
  1298. containerHotspot.removeClass("scale-0");
  1300. return;
  1301. }
  1302. function hiddenContainerHotspot() {
  1303. containerHotspot.addClass("scale-0");
  1305. return;
  1306. }
  1308. function writeCarrierList() {
  1309. const data = appGetAllConfigs();
  1311. if (data) {
  1312. containerAreaCarrierList.html("");
  1314. data.sort((a, b) => a.sorter - b.sorter);
  1316. data.forEach((item, index) => item.items.sort((a, b) => a.sorter - b.sorter));
  1318. const labels = [];
  1319. let selectedLabel = null;
  1321. data.forEach((category) => {
  1322. const div = document.createElement("div");
  1323. const input = document.createElement("input");
  1324. const label = document.createElement("label");
  1325. const header = document.createElement("header");
  1326. const h1 = document.createElement("h1");
  1327. const ul = document.createElement("ul");
  1329. div.classList.add("flex", "items-center");
  1330. input.classList.add("hidden");
  1331. label.classList.add("w-full", "max-h-8", "p-2", "border", "border-[#01010342]", "rounded-md", "transition-[max-height]", "duration-1000", "overflow-hidden");
  1332. header.classList.add("w-full", "h-3", "flex", "items-center", "justify-center", "p-2");
  1333. h1.classList.add("text-xs", "font-medium", "text-white", "truncate");
  1334. ul.classList.add("w-full", "h-auto", "flex", "flex-col", "gap-2", "mt-3", "overflow-hidden");
  1336. input.type = "radio";
  1337. input.name = "config";
  1338. input.id = category.name.trim();
  1339. label.htmlFor = category.name.trim();
  1341. h1.textContent = category.name;
  1343. category.items.forEach((item) => {
  1344. const li = document.createElement("li");
  1345. const liDivLeft = document.createElement("div");
  1346. const carrierIcon = document.createElement("img");
  1347. const liDivCenter = document.createElement("div");
  1348. const configTitle = document.createElement("h1");
  1349. const configDescription = document.createElement("span");
  1350. const liDivRight = document.createElement("div");
  1351. const configType = document.createElement("span");
  1353. li.classList.add("w-full", "h-12", "flex", "items-center", "gap-2", "px-1", "rounded-md", "overflow-hidden", "bg-[#0c0d18e0]");
  1354. liDivLeft.classList.add("w-10", "h-[100%]", "flex", "items-center");
  1355. liDivCenter.classList.add("flex-1", "flex", "flex-col", "gap-1", "truncate");
  1356. configTitle.classList.add("text-white", "text-xs", "truncate");
  1357. configDescription.classList.add("text-white", "text-[0.65rem]", "truncate");
  1358. liDivRight.classList.add("w-14", "h-[100%]", "flex", "items-end", "truncate");
  1359. configType.classList.add("text-white", "text-[0.5rem]", "leading-7", "truncate");
  1361. carrierIcon.src = item.icon;
  1362. carrierIcon.alt = item.name;
  1364. configTitle.textContent = item.name;
  1365. configDescription.textContent = item.description;
  1367. configType.textContent = item.mode;
  1369. liDivLeft.appendChild(carrierIcon);
  1371. liDivCenter.appendChild(configTitle);
  1372. liDivCenter.appendChild(configDescription);
  1374. liDivRight.appendChild(configType);
  1376. li.appendChild(liDivLeft);
  1377. li.appendChild(liDivCenter);
  1378. li.appendChild(liDivRight);
  1380. li.addEventListener("click", () => {
  1381. appSetConfig(item.id);
  1382. hiddenContainerConfigs();
  1383. });
  1385. ul.appendChild(li);
  1386. });
  1388. header.appendChild(h1);
  1390. label.appendChild(header);
  1391. label.appendChild(ul);
  1393. input.addEventListener("change", () => {
  1394. if (input.checked) {
  1395. labels.forEach((otherLabel) => {
  1396. if (otherLabel !== label) {
  1397. otherLabel.style.maxHeight = "32px";
  1398. }
  1399. });
  1401. label.style.maxHeight = label.scrollHeight + "px";
  1403. selectedLabel = label;
  1404. }
  1405. });
  1407. labels.push(label);
  1409. div.appendChild(input);
  1410. div.appendChild(label);
  1412. containerAreaCarrierList.element().appendChild(div);
  1413. });
  1414. }
  1415. }
  1416. function showContainerConfigs() {
  1417. writeCarrierList();
  1418. containerConfigs.removeClass("scale-0");
  1420. return;
  1421. }
  1422. function hiddenContainerConfigs() {
  1423. containerConfigs.addClass("scale-0");
  1425. return;
  1426. }
  1428. function checkV2ray() {
  1429. const data = JSON.parse(appGetDefaultConfig());
  1431. if (!data) {
  1432. return false;
  1433. }
  1435. if (data.mode?.toLowerCase().startsWith("v2ray")) {
  1436. if (data.auth?.v2ray_uuid) {
  1437. return "exists v2ray config";
  1438. }
  1439. return true;
  1440. }
  1442. return false;
  1443. }
  1445. function toggleInput() {
  1446. const v2rayUUID = checkV2ray();
  1448. if (v2rayUUID === "exists v2ray config") {
  1449. containerInputUsername.addClass("hidden");
  1450. containerInputPassword.addClass("hidden");
  1451. containerInputUUID.addClass("hidden");
  1452. } else if (v2rayUUID) {
  1453. containerInputUsername.addClass("hidden");
  1454. containerInputPassword.addClass("hidden");
  1455. containerInputUUID.removeClass("hidden");
  1456. containerInputUUID.addClass("flex");
  1457. } else {
  1458. containerInputUsername.removeClass("hidden");
  1459. containerInputPassword.removeClass("hidden");
  1460. containerInputUUID.addClass("flex");
  1461. containerInputUUID.addClass("hidden");
  1462. }
  1463. }
  1465. function formatBytes(bytes) {
  1466. const sizes = ["B/s", "KB/s", "MB/s", "GB/s", "TB/s"];
  1468. if (bytes === 0) return "0 B/s";
  1470. const i = parseInt(Math.floor(Math.log(bytes) / Math.log(1024)));
  1472. return (bytes / Math.pow(1024, i)).toPrecision(3) + " " + sizes[i];
  1473. }
  1475. function updateNetworkStats() {
  1476. setInterval(() => {
  1477. const newNetworkDownload = appGetDownloadBytes();
  1478. const newNetworkUpload = appGetUploadBytes();
  1480. downloadValue.html(formatBytes(newNetworkDownload - currentNetworkDownload));
  1481. uploadValue.html(formatBytes(newNetworkUpload - currentNetworkUpload));
  1483. localStorage.setItem("networkDownload", formatBytes(newNetworkDownload - currentNetworkDownload));
  1484. localStorage.setItem("networkUpload", formatBytes(newNetworkUpload - currentNetworkUpload));
  1485. }, 500);
  1486. }
  1488. function getExpirationDateOfUser() {
  1489. const expirationDate = localStorage.getItem("expirationDate");
  1491. if (expirationDate) {
  1492. expiresDateUserInMenu.style({ display: "block" });
  1494. return `Expira em: ${expirationDate}`;
  1495. }
  1497. expiresDateUserInMenu.style({ display: "none" });
  1499. return "";
  1500. }
  1502. function toggleLabelHeight(inputId) {
  1503. const input = document.getElementById(inputId);
  1504. const label = document.querySelector(`label[for="${inputId}"]`);
  1506. if (input.checked) {
  1507. // Se o input estiver selecionado, ajuste a altura máxima do label
  1508. label.style.maxHeight = label.scrollHeight + "px";
  1509. } else {
  1510. // Se o input não estiver selecionado, redefina a altura máxima
  1511. label.style.maxHeight = "32px";
  1512. }
  1513. }
  1515. function toggleMoreInputs() {
  1516. const data = JSON.parse(appGetDefaultConfig());
  1518. if (!data) return null;
  1520. containerInputUsername.removeClass("hidden");
  1521. containerInputPassword.removeClass("hidden");
  1522. containerInputUUID.addClass("hidden");
  1524. if (data?.auth?.username) {
  1525. containerInputUsername.addClass("hidden");
  1526. }
  1528. if (data?.auth?.password) {
  1529. containerInputPassword.addClass("hidden");
  1530. }
  1532. if (!data?.auth?.username) {
  1533. containerInputUsername.removeClass("hidden");
  1534. }
  1536. if (!data?.auth?.password) {
  1537. containerInputPassword.removeClass("hidden");
  1538. }
  1540. if (data.mode?.toLowerCase().startsWith("v2ray")) {
  1541. if (data?.auth?.v2ray_uuid) {
  1542. containerInputUUID.addClass("hidden");
  1543. containerInputUsername.addClass("hidden");
  1544. containerInputPassword.addClass("hidden");
  1545. }
  1547. if (!data?.auth?.v2ray_uuid) {
  1548. containerInputUUID.removeClass("hidden");
  1549. containerInputUsername.addClass("hidden");
  1550. containerInputPassword.addClass("hidden");
  1551. }
  1552. }
  1553. }
  1554. </script>
  1556. <!-- AÇÕES -->
  1557. <script>
  1558. body.style({
  1559. background: getAppBackground(),
  1560. backgroundSize: "cover",
  1561. backgroundPosition: "center",
  1562. backgroundRepeat: "no-repeat",
  1563. });
  1565. containerHome.style({
  1566. padding: `${appGetStatusbarHeightSize() + 10}px 10px ${appGetNavbarHeightSize() + 10}px 10px`,
  1567. });
  1569. appLogo.attr({ src: getAppLogo() });
  1571. appLogo.on({ click: () => AppUpdate() });
  1573. buttonOfListCarrier.on({ click: () => showContainerConfigs() });
  1574. valueOnButtonOfCarrierList.html(getConfigName()?.name);
  1575. closeContainerConfigs.on({ click: () => hiddenContainerConfigs() });
  1577. buttonOfCheckUser.on({ click: () => appCheckuser() });
  1579. inputUsername.attr({ placeholder: appTranslateText("LBL_USERNAME") });
  1580. inputPassword.attr({ placeholder: appTranslateText("LBL_PASSWORD") });
  1581. inputUUID.attr({ placeholder: appTranslateText("LBL_UUID") });
  1583. inputUsername.attr({ value: appGetUsername() });
  1584. inputPassword.attr({ value: appGetPassword() });
  1585. inputUUID.attr({ value: appGetUUID() });
  1587. inputUsername.on({ input: (e) => appSetUsername(e.target.value) });
  1588. inputPassword.on({ input: (e) => appSetPassword(e.target.value) });
  1589. inputUUID.on({ input: (e) => appSetUUID(e.target.value) });
  1591. eyeViewPasswordInput.on({ click: () => showInputPasswordValue() });
  1592. eyeNotViewPasswordInput.on({ click: () => hiddenInputPasswordValue() });
  1594. eyeViewUUID.on({ click: () => showInputUUIDValue() });
  1595. eyeNotViewUUID.on({ click: () => hiddenInputUUIDValue() });
  1597. buttonStartStopVpn.on({ click: () => startStopConnection() });
  1599. buttonLogs.on({ click: () => appOpenDialogDialogs() });
  1601. containerMenu.style({
  1602. padding: `${appGetStatusbarHeightSize() + 10}px 10px ${appGetNavbarHeightSize() + 10}px 10px`,
  1603. });
  1605. openMenuButton.on({ click: () => showContainerMenu() });
  1607. hiddenContainerMenuButton.on({ click: () => hiddenContainerMenu() });
  1609. expiresDateUserInMenu.html(getExpirationDateOfUser());
  1611. navCheckuser.on({ click: () => appCheckuser() });
  1613. navWhatsapp.on({ click: () => appIntoBrowser("https://wa.me/15996311570") });
  1615. navTelegram.on({ click: () => appIntoBrowser("https://t.me/wesley898") });
  1617. navRenew.on({ click: () => appIntoBrowser("https://t.me/agvendasbr_bot") });
  1619. navTest.on({ click: () => appIntoBrowser("https://t.me/agvendasbr_bot") });
  1621. navUpdate.on({ click: () => AppUpdate() });
  1623. navTerms.on({ click: () => showContainerTerms() });
  1624. closeContainerTerms.on({ click: () => hiddenContainerTerms() });
  1626. navHotspot.on({ click: () => showContainerHotspot() });
  1627. buttonStartOrStopHotspot.on({ click: () => toggleHotspot() });
  1628. closeContainerHotspotButton.on({ click: () => hiddenContainerHotspot() });
  1630. navAccessPoint.on({ click: () => appApnConfiguration() });
  1632. navAppCleanData.on({ click: () => appClearData() });
  1634. connectionState();
  1635. setStatusHotspot();
  1636. updateNetworkStats();
  1637. toggleMoreInputs();
  1638. writeCarrierStatus();
  1639. </script>
  1641. <!-- FUNÇÕES PARA O APP -->
  1642. <script>
  1643. function dtConfigClickListener() {
  1644. writeConfigValueOnButton();
  1646. toggleMoreInputs();
  1648. inputUsername.attr({ value: appGetUsername() });
  1649. inputPassword.attr({ value: appGetPassword() });
  1650. inputUUID.attr({ value: appGetUUID() });
  1651. }
  1653. function dtVpnStateListener(state) {
  1654. connectionState(state);
  1655. }
  1657. const dtCheckUserModelListener = (model) => {
  1658. const data = JSON.parse(model);
  1660. expiresDateUserInMenu.html(`Expira em: ${data.expiration_date}`);
  1662. expiresDateUserInMenu.style({ display: "block" });
  1664. localStorage.setItem("expirationDate", data.expiration_date);
  1665. };
  1666. </script>
  1667. </body>
  1668. </html>
  1669. ",
  1670. "type": "HTML",
  1671. "status": "ACTIVE",
  1672. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  1673. },
  1674. {
  1675. "id": 14288,
  1676. "label": "PAGINA WEBVIEW (POR SUA CONTA E RISCO)",
  1677. "name": "APP_WEB_VIEW",
  1678. "value": null,
  1679. "type": "HTML",
  1680. "status": "ACTIVE",
  1681. "user_id": "2a6b1d78-e6f3-4956-be98-29d1d70278fe"
  1682. }
  1683. ]
comments powered by Disqus