DtMod Layout

SUBMITTED BY: cristiwil

DATE: Oct. 28, 2023, 1:51 p.m.

UPDATED: Nov. 13, 2023, 11:04 p.m.

FORMAT: Text only

SIZE: 55.7 kB

History Raw Download

HITS: 794

Report
  1. [
  2. {
  3. "id": 3542,
  4. "label": "Nome do app",
  5. "name": "APP_NAME",
  6. "value": "DTunnel VPN",
  7. "type": "STRING",
  8. "status": "ACTIVE",
  9. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  10. },
  11. {
  12. "id": 3543,
  13. "label": "Logo do app",
  14. "name": "APP_LOGO",
  15. "value": "https://i.ibb.co/72Wkx7M/DTxbe2wsre.png",
  16. "type": "IMAGE",
  17. "status": "ACTIVE",
  18. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  19. },
  20. {
  21. "id": 3544,
  22. "label": "Imagem de fundo",
  23. "name": "APP_BACKGROUND_IMAGE",
  24. "value": "https://i.ibb.co/HH6wyzB/DTzdltarix.jpg",
  25. "type": "IMAGE",
  26. "status": "ACTIVE",
  27. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  28. },
  29. {
  30. "id": 3545,
  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": "98512a31-3f84-4240-8919-957ca444cb66"
  49. },
  50. {
  51. "id": 3546,
  52. "label": "Cor de fundo",
  53. "name": "APP_BACKGROUND_COLOR",
  54. "value": "#080e16c7",
  55. "type": "COLOR",
  56. "status": "ACTIVE",
  57. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  58. },
  59. {
  60. "id": 3547,
  61. "label": "Cor do card inicial",
  62. "name": "APP_CARD_COLOR",
  63. "value": "#a1c8ff00",
  64. "type": "COLOR",
  65. "status": "ACTIVE",
  66. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  67. },
  68. {
  69. "id": 8050,
  70. "label": "Raio do card inicial",
  71. "name": "APP_CARD_RADIUS",
  72. "value": 20,
  73. "type": "INTEGER",
  74. "status": "ACTIVE",
  75. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  76. },
  77. {
  78. "id": 8051,
  79. "label": "Cor do card de status",
  80. "name": "APP_CARD_STATUS_COLOR",
  81. "value": "#a1c8ff00",
  82. "type": "COLOR",
  83. "status": "ACTIVE",
  84. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  85. },
  86. {
  87. "id": 8052,
  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": "98512a31-3f84-4240-8919-957ca444cb66"
  94. },
  95. {
  96. "id": 3548,
  97. "label": "Cor do card de configurações",
  98. "name": "APP_CARD_CONFIG_COLOR",
  99. "value": "#0d7a34ff",
  100. "type": "COLOR",
  101. "status": "ACTIVE",
  102. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  103. },
  104. {
  105. "id": 3549,
  106. "label": "Cor do fundo dos dialogs",
  107. "name": "APP_DIALOG_BACKGROUND_COLOR",
  108. "value": "#0d7a34ff",
  109. "type": "COLOR",
  110. "status": "ACTIVE",
  111. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  112. },
  113. {
  114. "id": 15111,
  115. "label": "Cor do fundo do dialog de log",
  116. "name": "APP_DIALOG_LOGGER_COLOR",
  117. "value": "#000000ff",
  118. "type": "COLOR",
  119. "status": "ACTIVE",
  120. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  121. },
  122. {
  123. "id": 3550,
  124. "label": "Cor das bordas",
  125. "name": "APP_BORDER_COLOR",
  126. "value": "#f7fdffff",
  127. "type": "COLOR",
  128. "status": "ACTIVE",
  129. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  130. },
  131. {
  132. "id": 8053,
  133. "label": "Cor dos inputs",
  134. "name": "APP_INPUT_COLOR",
  135. "value": "#000000ff",
  136. "type": "COLOR",
  137. "status": "ACTIVE",
  138. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  139. },
  140. {
  141. "id": 8054,
  142. "label": "Raio dos inputs",
  143. "name": "APP_INPUT_RADIUS",
  144. "value": 25,
  145. "type": "INTEGER",
  146. "status": "ACTIVE",
  147. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  148. },
  149. {
  150. "id": 3551,
  151. "label": "Cor dos textos",
  152. "name": "APP_TEXT_COLOR",
  153. "value": "#FFFFFFFF",
  154. "type": "COLOR",
  155. "status": "ACTIVE",
  156. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  157. },
  158. {
  159. "id": 3552,
  160. "label": "Cor dos botões",
  161. "name": "APP_BUTTON_COLOR",
  162. "value": "#008a00ff",
  163. "type": "COLOR",
  164. "status": "ACTIVE",
  165. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  166. },
  167. {
  168. "id": 8055,
  169. "label": "Raio dos botões",
  170. "name": "APP_BUTTON_RADIUS",
  171. "value": 25,
  172. "type": "INTEGER",
  173. "status": "ACTIVE",
  174. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  175. },
  176. {
  177. "id": 3553,
  178. "label": "Cor dos icones",
  179. "name": "APP_ICON_COLOR",
  180. "value": "#FFFFFFFF",
  181. "type": "COLOR",
  182. "status": "ACTIVE",
  183. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  184. },
  185. {
  186. "id": 3554,
  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": "98512a31-3f84-4240-8919-957ca444cb66"
  193. },
  194. {
  195. "id": 26008,
  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": "98512a31-3f84-4240-8919-957ca444cb66"
  202. },
  203. {
  204. "id": 8056,
  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": "98512a31-3f84-4240-8919-957ca444cb66"
  211. },
  212. {
  213. "id": 8057,
  214. "label": "Usar limiter de conexão",
  215. "name": "APP_CONNECTION_LIMITER",
  216. "value": false,
  217. "type": "BOOLEAN",
  218. "status": "ACTIVE",
  219. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  220. },
  221. {
  222. "id": 15112,
  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": "98512a31-3f84-4240-8919-957ca444cb66"
  229. },
  230. {
  231. "id": 15113,
  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": "98512a31-3f84-4240-8919-957ca444cb66"
  238. },
  239. {
  240. "id": 15114,
  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": "98512a31-3f84-4240-8919-957ca444cb66"
  247. },
  248. {
  249. "id": 15115,
  250. "label": "Ativar dialog de erros",
  251. "name": "APP_DIALOG_ERROR_ENABLED",
  252. "value": true,
  253. "type": "BOOLEAN",
  254. "status": "ACTIVE",
  255. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  256. },
  257. {
  258. "id": 15116,
  259. "label": "Ativar dialog de checkuser",
  260. "name": "APP_CHECKUSER_DIALOG_ENABLED",
  261. "value": true,
  262. "type": "BOOLEAN",
  263. "status": "ACTIVE",
  264. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  265. },
  266. {
  267. "id": 15117,
  268. "label": "Ativar toast de sucesso",
  269. "name": "APP_SUCCESS_TOAST_ENABLED",
  270. "value": true,
  271. "type": "BOOLEAN",
  272. "status": "ACTIVE",
  273. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  274. },
  275. {
  276. "id": 15118,
  277. "label": "Ativar toast de erro",
  278. "name": "APP_ERROR_TOAST_ENABLED",
  279. "value": true,
  280. "type": "BOOLEAN",
  281. "status": "ACTIVE",
  282. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  283. },
  284. {
  285. "id": 15119,
  286. "label": "Usar layout webview",
  287. "name": "APP_LAYOUT_WEBVIEW_ENABLED",
  288. "value": true,
  289. "type": "BOOLEAN",
  290. "status": "ACTIVE",
  291. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  292. },
  293. {
  294. "id": 3555,
  295. "label": "Mensagem Teste",
  296. "name": "APP_MESSAGE",
  297. "value": null,
  298. "type": "TEXT",
  299. "status": "ACTIVE",
  300. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  301. },
  302. {
  303. "id": 3557,
  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": "98512a31-3f84-4240-8919-957ca444cb66"
  310. },
  311. {
  312. "id": 3556,
  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": "98512a31-3f84-4240-8919-957ca444cb66"
  339. },
  340. {
  341. "id": 15120,
  342. "label": "LAYOUT WEBVIEW (POR SUA CONTA E RISCO)",
  343. "name": "APP_LAYOUT_WEBVIEW",
  344. "value": "<!DOCTYPE html>
  345. <html lang="pt-BR">
  347. <head>
  348. <meta charset="UTF-8" />
  349. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  350. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  352. <title>DTunnel</title>
  354. <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
  355. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet"
  356. integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
  357. <script type="text/javascript"
  358. src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"
  359. integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
  360. crossorigin="anonymous"></script>
  362. <style>
  363. @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');
  365. :root {
  366. --background-img: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 35%, rgba(0, 148, 20, 1) 100%);
  367. --logo-img-url: url(https://plenonet.com.br/assets/images/plenonet-512512px-2-512x512.webp);
  369. --input-border-radius: 5px;
  370. --input-background-color: #0a091a55;
  372. --card-border-radius: 5px;
  373. --card-background-color: #0b092868;
  375. --btn-background-color: #0a091a55;
  376. --btn-border-radius: 5px;
  378. --modal-background-color: #0b092868;
  380. --text-color: #ffffff;
  381. --icon-color: #FFFFFF;
  382. }
  384. * {
  385. margin: 0;
  386. padding: 0;
  387. box-sizing: border-box;
  388. font-family: 'Roboto', sans-serif;
  389. }
  391. body {
  392. height: 100vh;
  393. display: flex;
  394. flex-direction: column;
  395. align-items: center;
  396. justify-content: center;
  397. background-repeat: no-repeat;
  398. background-size: cover;
  399. }
  401. .container {
  402. height: 100%;
  403. display: flex;
  404. flex-direction: column;
  405. justify-content: center;
  406. align-items: center;
  407. max-width: 465px;
  408. background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 35%, rgba(0, 148, 20, 1) 100%);
  409. }
  411. .logo {
  412. width: 100%;
  413. margin-bottom: 10px;
  414. }
  416. .card {
  417. background: #080808;
  418. border-radius: 20px;
  419. border: 1px solid #1e1e1e !important;
  420. box-shadow: -8px 12px 20px 0 rgb(13 15 18 / 63%) !important;
  421. padding: 15px !important;
  422. max-width: 450px;
  423. height: auto;
  424. position: relative;
  425. }
  427. .btn-dark {
  428. border: none;
  429. background: linear-gradient( to top right, #00ad17, #121212 );
  430. border-radius: 15px;
  431. }
  433. .modal-content {
  434. background-color: transparent;
  435. backdrop-filter: blur(25px);
  436. }
  438. .tool {
  439. align-items: center;
  440. justify-content: center;
  441. text-align: center;
  442. }
  444. .tool-bt {
  445. background: linear-gradient( to top right, #00ad17, #121212 );
  446. border-radius: 20px;
  447. color: #ffffff !important;
  448. height: 35px;
  449. width: 100%;
  450. border: var(--btn-border);
  451. }
  453. .input-group, .form-control, .input-group-text {
  454. background: #00ad17;
  455. color: var(--icon-color);
  456. border: none;
  457. border-radius: 15px;
  458. outline: none;
  459. }
  461. .form-control::placeholder {
  462. color: var(--text-color);
  463. }
  465. .form-control:focus {
  466. color: var(--text-color);
  467. outline: none;
  468. box-shadow: none;
  469. }
  471. .input-group-text {
  472. padding-right: 0;
  473. }
  476. .fs-5 {
  477. font-size: 1rem!important;
  478. }
  480. nav {
  481. background: linear-gradient( to top right, #00ad17, #121212 );
  482. border-radius: 20px;
  483. font-size: 0;
  484. width: 100%;
  485. max-width: 450px;
  486. height: auto;
  487. position: relative;
  488. margin-top: 20px;
  489. margin-bottom: 10px;
  490. }
  492. nav a {
  493. line-height: 35px;
  494. height: 100%;
  495. font-size: 15px;
  496. display: inline-block;
  497. position: relative;
  498. z-index: 1;
  499. text-decoration: none;
  500. text-align: center;
  501. color: white !important;
  502. cursor: pointer;
  503. }
  504. nav .animation {
  505. position: absolute;
  506. height: 100%;
  507. top: 0;
  508. z-index: 0;
  509. transition: all .5s ease 0s;
  510. border-radius: 8px;
  511. }
  512. a:nth-child(1) {
  513. width: 30%;
  514. }
  515. a:nth-child(2) {
  516. width: 30%;
  517. }
  518. a:nth-child(3) {
  519. width: 40%;
  520. }
  522. nav .start-home, a:nth-child(1):hover~.animation {
  523. width: 30%;
  524. left: 0;
  525. background-color: #121212;
  526. border-radius: 20px;
  527. }
  528. nav .start-about, a:nth-child(2):hover~.animation {
  529. width: 30%;;
  530. left: 30%;
  531. background-color: #121212;
  532. border-radius: 20px;
  533. }
  534. nav .start-blog, a:nth-child(3):hover~.animation {
  535. width: 40%;
  536. left: 60%;
  537. background-color: #121212;
  538. border-radius: 20px;
  539. }
  541. body {
  542. font-size: 12px;
  543. font-family: sans-serif;
  544. background: linear-gradient(180deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 35%, rgba(0, 148, 22, 1) 100%);
  545. }
  547. @media (min-width: 768px) {
  548. .container, .container-md, .container-sm {
  549. max-width: 100%;
  550. }
  551. }
  553. .rede {
  554. color: #007506;
  555. }
  557. .iplocal {
  558. color: #ffffff;
  559. }
  561. .containerlocal {
  562. background: #080808;
  563. border-radius: 20px;
  564. border: 1px solid #1e1e1e !important;
  565. padding: 15px !important;
  566. width: 95%;
  567. max-width: 450px;
  568. height: auto;
  569. position: relative;
  570. margin-top: 50px;
  571. margin-bottom: -70px;
  572. }
  574. .hidden {
  575. display: none;
  576. }
  578. </style>
  579. </head>
  581. <body>
  582. <div class="containerlocal">
  583. <span class="font-semibold text-xs mr-2" style="color: #ffffff;"">📢 IP Local da sua operadora:</span><span class="rede font-semibold text-xs mr-2" id="name">REDE</span> <span class="iplocal font-semibold text-xs" id="ip">127.0.0.1</span>
  584. </div>
  586. <div class="container">
  587. <div class="card border-0 p-2 shadow mb-3 w-100">
  588. <span style="color:#ffffff;font-size: 18px;border-radius: 15px;padding: 0px 0px 0px 5px;margin-bottom: 10px;display: block !important;text-align: start;">MatrixNet® - Versão: 10.1.1</span>
  589. <img class="logo" src="https://a.imagem.app/oJvM03.png">
  590. <div class="input-group mb-2 shadow" id="config-area">
  591. <input class="form-control" type="text" placeholder="CONFIGURAÇÃO" readonly title="configurações"
  592. id="config" style="background-color: #080808;" />
  593. <span class="input-group-text me-2">
  594. <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor"
  595. class="bi bi:bar-chart" viewBox="0 0 16 16">
  596. <path
  597. 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"/></svg>
  598. </span>
  599. </div>
  600. <div class="input-group input mb-2 shadow">
  601. <span class="input-group-text">
  602. <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor"
  603. class="bi bi:file-person" viewBox="0 0 16 16">
  604. <path
  605. 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"/><path d="M8 10a3 3 0 1 0 0-6a3 3 0 0 0 0 6z"/></g></svg>
  606. </span>
  607. <input class="form-control" type="text" placeholder="usuario" id="username" style="background-color: #080808;" />
  608. </div>
  609. <div class="input-group input mb-2 shadow">
  610. <span class="input-group-text">
  611. <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi:file-earmark-lock"
  612. viewBox="0 0 16 16">
  613. <path
  614. 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"/><path 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"/></g></svg>
  615. </span>
  616. <input class="form-control" type="password" placeholder="senha" id="password" style="background-color: #080808;" />
  617. <span class="input-group-text me-2"
  618. onclick="password.type==`text`?password.type = `password`:password.type = `text`">
  619. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye"
  620. viewBox="0 0 16 16">
  621. <path
  622. 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" />
  623. <path
  624. 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" />
  625. </svg>
  626. </span>
  627. </div>
  628. <div class="input-group input mb-2 shadow">
  629. <span class="input-group-text">
  630. <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-key"
  631. viewBox="0 0 16 16">
  632. <path
  633. 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" />
  634. <path d="M4 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" />
  635. </svg>
  636. </span>
  637. <input class="form-control" type="text" placeholder="V2ray UUID" id="uuid" style="background: #080808;" />
  638. <span class="input-group-text me-2"
  639. onclick="uuid.type==`text`?uuid.type = `password`:uuid.type = `text`">
  640. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye"
  641. viewBox="0 0 16 16">
  642. <path
  643. 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" />
  644. <path
  645. 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" />
  646. </svg>
  647. </span>
  648. </div>
  649. <button class="btn btn-dark w-100 shadow" id="start-stop">INICIAR</button>
  650. <nav>
  651. <a id="sync" onclick="DtStartAppUpdate.execute()">Atualizar</a>
  652. <a id="logger">Registro</a>
  653. <a onclick="ToolsModal.show()">Ajustes</a>
  654. <div class="animation start-home"></div>
  655. </nav>
  656. </div>
  658. <div class="card my-3 w-100 text-center border-0 p-2 shadow text-light fs-5 text-uppercase fw-bold" id="state" style="padding: 5px !important; font-size: 15px !important;">
  659. </div>
  660. <p style="color: #5e9ca0;"><span style="color: #ffffff; font-size: 17px;">MatrixNet®- Conex&otilde;es @2020-2024</span></p>
  661. </div>
  662. </div>
  663. <div class="modal fade" id="checkUserModal">
  664. <div class="modal-dialog modal-dialog-centered" role="document">
  665. <div class="modal-content rounded-3 shadow">
  666. <div class="modal-header border-bottom-0 pb-0">
  667. <h1 class="modal-title fs-5 chk-title text-light"></h1>
  668. <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
  669. aria-label="Close"></button>
  670. </div>
  671. <div class="modal-body text-center">
  672. <p class="fs-5 mb-0 chk-message text-light"></p>
  673. </div>
  674. </div>
  675. </div>
  676. </div>
  677. <div class="modal fade" id="errorModal">
  678. <div class="modal-dialog modal-dialog-centered" role="document">
  679. <div class="modal-content rounded-3 shadow">
  680. <div class="modal-header border-bottom-0 pb-0">
  681. <h1 class="modal-title fs-5 err-title text-light"></h1>
  682. <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
  683. aria-label="Close"></button>
  684. </div>
  685. <div class="modal-body text-center">
  686. <p class="fs-5 mb-0 err-message text-light"></p>
  687. </div>
  688. </div>
  689. </div>
  690. </div>
  691. <div class="modal fade" id="loggerModal">
  692. <div class="modal-dialog modal-dialog-centered" role="document">
  693. <div class="modal-content rounded-3 shadow">
  694. <div class="modal-body p-1 text-center">
  695. <ul class="list-group bg-transparent overflow-y-auto logger-content" style="max-height: 600px;">
  696. </ul>
  697. </div>
  698. <div class="modal-footer flex-nowrap p-0">
  699. <button type="button" class="btn btn-lg btn-dark text-light w-100 clear-logger">LIMPAR</button>
  700. <button type="button" class="btn btn-lg btn-dark text-light w-100"
  701. data-bs-dismiss="modal">FECHAR</button>
  702. </div>
  703. </div>
  704. </div>
  705. </div>
  706. <div class="tool webm modal fade" index="-1" id="ToolsModal">
  707. <div class="modal-dialog modal-dialog-centered" role="document">
  708. <div class="modal-content">
  709. <div class="tool modal-header">
  710. <h5 class="modal-title" style="color:#ffffff;">Configurações do aplicativo</h5>
  711. </div>
  712. <div class="modal-body">
  713. <button class="tool-bt rounded-2xl text-white" onclick="DtStartWebViewActivity.execute('https://painelwebatlas23.shop/renovar.php')"><i class="info2 bi bi-globe mr-2"></i>Renovar meu Plano</button>
  714. </div>
  715. <div class="modal-body">
  716. <button class="tool-bt rounded-2xl text-white" onclick="DtStartWebViewActivity.execute('https://docs.plenonet.com.br/instalacao-e-conexao/tutoriais-plenonet')"><i class="info2 bi bi-globe mr-2"></i>Acessar turoriais</button>
  717. </div>
  718. <div class="modal-body">
  719. <button class="tool-bt rounded-2xl text-white" onclick="DtStartApnActivity.execute()"><i class="info2 bi bi-wifi mr-2"></i>Alterar protocolo de APN</button>
  720. </div>
  721. <div class="modal-body">
  722. <button class="tool-bt rounded-2xl text-white" onclick="DtIgnoreBatteryOptimizations.execute()"><i class="info2 bi bi-battery-full mr-2"></i>Otimizar Bateria</button>
  723. </div>
  724. <div class="modal-body">
  725. <button class="tool-bt rounded-2xl text-white" onclick="DtCleanApp.execute()"><i class="info2 bi bi-trash3 mr-2"></i>Limpar cachê e dados</button>
  726. </div>
  727. <div class="modal-body">
  728. <button class="tool-bt rounded-2xl text-white" onclick="DtStartWebViewActivity.execute('https://docs.plenonet.com.br/termos-de-uso/termos-de-uso-do-aplicativo')"><i class="info2 bi bi-globe mr-2"></i>Termos de uso do aplicativo</button>
  729. </div>
  730. <div class="tool modal-footer">
  731. <button type="button" class="btn btn-primary" data-bs-dismiss="modal" style="background-color: var(--btn-modal);">FECHAR</button>
  733. </div>
  734. </div>
  735. </div>
  736. </div>
  737. <div class="modal fade" id="configModal">
  738. <div class="modal-dialog modal-dialog-centered" role="document">
  739. <div class="modal-content rounded-3 shadow">
  740. <div class="modal-header border-bottom-0 pb-0">
  741. <h1 class="modal-title fs-5 text-white">CONFIGURAÇÕES</h1>
  742. <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
  743. aria-label="Close"></button>
  744. </div>
  745. <div class="modal-body p-1 text-center">
  746. <ul class="list-group bg-transparent overflow-y-auto config-body" style="max-height: 600px;">
  747. <li class="list-group-item bg-transparent text-white border-0">
  748. <p>CATEGORIA</p>
  749. <ul class="list-group bg-transparent overflow-y-auto text-start">
  750. <li
  751. class="list-group-item d-flex bg-transparent text-white border-0 border-bottom rounded-0">
  752. <img src="https://cdn-icons-png.flaticon.com/512/3686/3686811.png" width="40"
  753. height="40">
  754. <div class="d-flex flex-column ms-2 w-100">
  755. <span>CONFIG 01</span>
  756. <span>DESC 01</span>
  757. </div>
  758. <div class="d-flex flex-column ms-2 w-100">
  759. <span class="text-end">CONFIG_MODE</span>
  760. </div>
  761. </li>
  762. </ul>
  763. </li>
  764. </ul>
  765. </div>
  766. </div>
  767. </div>
  768. </div>
  769. <div class="modal fade" id="RenovarModal">
  770. <div class="modal-dialog modal-dialog-centered" role="document">
  771. <div class="modal-content rounded-3 shadow">
  772. <div class="modal-header border-bottom-0 py-3">
  773. <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
  774. aria-label="Close"></button>
  775. </div>
  776. <div class="modal-body ratio rounded-bottom-3" style="height: 600px;">
  777. <div class="spinner d-flex w-100 h-100 align-items-center justify-content-center">
  778. <div class="spinner-border text-light p-5" role="status">
  779. <span class="visually-hidden">Loading...</span>
  780. </div>
  781. </div>
  782. <iframe class="rounded-bottom-3" id="RenovarFrame"></iframe>
  783. </div>
  784. </div>
  785. </div>
  786. </div>
  787. <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
  789. <script>
  790. class AndroidMock {
  791. static getLocalIP() {
  792. return '192.168.0.1';
  793. }
  795. static getConfig() {
  796. return JSON.stringify({
  797. urlCheckUser: ' http://134.65.228.107:5454'
  798. });
  799. }
  801. static getNetworkName() {
  802. return 'REDE';
  803. }
  805. static openRadioInfo() {
  806. console.log('openRadioInfo');
  807. }
  808. }
  809. </script>
  811. <script>
  812. function showLocalIP(android) {
  813. console.log(android.getNetworkName());
  814. document.getElementById('name').innerHTML = ' ' + android.getNetworkName() + ':';
  815. document.getElementById('ip').innerHTML = android.getLocalIP();
  817. setInterval(() => {
  818. document.getElementById('name').innerHTML =
  819. ' ' + android.getNetworkName() + ':';
  820. document.getElementById('ip').innerHTML = android.getLocalIP();
  821. }, 2000)
  822. }
  824. window.onload = function () {
  825. const android = window.Android || AndroidMock;
  826. showLocalIP(android);
  827. }
  829. function mostrar(id) {
  830. if (document.getElementById(id).style.display !== "none") {
  831. document.getElementById(id).style.display = "none";
  832. return;
  833. }
  834. Array.from(document.getElementsByClassName("hidden")).forEach(
  835. div => (div.style.display = "none")
  836. );
  837. document.getElementById(id).style.display = "block";
  838. }
  840. </script>
  842. <script>
  843. const configArea = document.querySelector('#config-area')
  844. const config = document.querySelector('#config')
  845. const username = document.querySelector('#username')
  846. const password = document.querySelector('#password')
  847. const uuid = document.querySelector('#uuid')
  848. const logger = document.querySelector('#logger')
  850. const networkStatus = document.querySelector('#section.local-ip')
  852. const startStopVpn = document.querySelector('#start-stop')
  853. const stateStatus = document.querySelector('#state')
  855. const loggerModal = new bootstrap.Modal(document.querySelector('#loggerModal'))
  856. const checkUserModal = new bootstrap.Modal(document.querySelector('#checkUserModal'))
  857. const errorModal = new bootstrap.Modal(document.querySelector('#errorModal'))
  858. const configModal = new bootstrap.Modal(document.querySelector('#configModal'))
  860. const ToolsModal = new bootstrap.Modal(document.querySelector('#ToolsModal'))
  862. const clearLogger = document.querySelector('.clear-logger')
  864. const RenovarModal = new bootstrap.Modal(document.querySelector('#RenovarModal'))
  866. configArea.addEventListener('click', e => showConfigsModal())
  867. username.addEventListener('input', e => DtUsername.set(e.target.value))
  868. password.addEventListener('input', e => DtPassword.set(e.target.value))
  869. uuid.addEventListener('input', e => DtUuid.set(e.target.value))
  870. logger.addEventListener('click', e => loggerModal.show())
  872. startStopVpn.addEventListener('click', (e) => {
  873. if (DtGetVpnState.execute() != 'DISCONNECTED') {
  874. DtExecuteVpnStop.execute()
  875. } else {
  876. DtExecuteVpnStart.execute()
  877. }
  878. })
  879. clearLogger.addEventListener('click', () => DtClearLogs.execute())
  881. RenovarModal._element.addEventListener('shown.bs.modal', () => {
  882. const iframe = document.querySelector('#RenovarFrame');
  883. if (!iframe.src) {
  884. iframe.src = 'https://painel.plenonet.com.br/renovar.php'
  885. iframe.addEventListener('load', () => {
  886. mp3Modal._element.querySelector('.spinner').classList.add('d-none')
  887. })
  888. }
  889. })
  890. RenovarModal._element.addEventListener('hide.bs.modal', () => {
  891. const iframe = document.querySelector('#RenovarFrame');
  892. iframe.src = '';
  893. })
  895. Object.defineProperty(String.prototype, 't', {
  896. value: function t() {
  897. return window?.DtTranslateText?.execute('' + this) ?? '' + this
  898. },
  899. writable: true,
  900. configurable: true,
  901. })
  903. const dtConfigClickListener = () => {
  904. const data = JSON.parse(window?.DtGetDefaultConfig?.execute() || `{ "auth": {}, "mode": "v2ray" }`)
  905. const isV2ray = data?.mode?.toLowerCase()?.startsWith('v2ray');
  906. config.placeholder = data.name ?? 'LBL_CHOOSE_CONFIG'.t()
  907. username.parentElement.style.display = !data?.auth?.username && !isV2ray ? 'flex' : 'none';
  908. password.parentElement.style.display = !data?.auth?.password && !isV2ray ? 'flex' : 'none';
  909. uuid.parentElement.style.display = !data?.auth?.v2ray_uuid && isV2ray ? 'flex' : 'none';
  910. }
  912. const dtVpnStateListener = state => {
  913. const isRunning = state != 'DISCONNECTED';
  915. stateStatus.innerHTML = ('LBL_STATE_' + state).t()
  916. startStopVpn.innerHTML = isRunning ? 'LBL_BTN_STOP'.t() : 'LBL_BTN_START'.t()
  918. if (isRunning) {
  919. username.setAttribute('readonly', 'true')
  920. password.setAttribute('readonly', 'true')
  921. } else {
  922. username.removeAttribute('readonly')
  923. password.removeAttribute('readonly')
  924. }
  926. if (state == 'CONNECTING') dtShowSuccessToastListener('Conectando...')
  927. }
  929. const dtCheckUserStartedListener = () => {
  930. const data = JSON.parse(window?.DtGetDefaultConfig?.execute() || `{}`)
  931. const isV2ray = data?.mode?.toLowerCase()?.startsWith('v2ray');
  932. if (isV2ray) return;
  933. const html = `
  934. <div class="d-flex justify-content-center">
  935. <div class="spinner-border p-5" role="status">
  936. <span class="visually-hidden">Loading...</span>
  937. </div>
  938. </div>
  939. `
  941. checkUserModal._element.querySelector('.chk-title').textContent = 'CHECK USER'
  942. checkUserModal._element.querySelector('.chk-message').innerHTML = html;
  943. checkUserModal.show()
  944. }
  946. const dtCheckUserModelListener = model => {
  947. const data = JSON.parse(model ?? `{"username": "test"}`)
  948. const html = `
  949. <div class="d-flex flex-column text-white">
  950. <span>👤Nome de usuario: ${data.username}</span>
  951. <span>📆Expira em: ${data.expiration_date}</span>
  952. <span>📆Dias restantes: ${data.expiration_days}</span>
  953. <span>🚫Conexoes: ${data.count_connections}|${data.limit_connections}</span>
  954. </div>
  955. `
  957. checkUserModal._element.querySelector('.chk-title').textContent = '📆 Olá, ' + data.username.toUpperCase() + '👤'
  958. checkUserModal._element.querySelector('.chk-message').innerHTML = html;
  959. checkUserModal.show()
  960. }
  962. const dtMessageErrorListener = message => {
  963. const data = JSON.parse(message)
  964. errorModal._element.querySelector('.err-title').textContent = data.title;
  965. errorModal._element.querySelector('.err-message').innerHTML = data.content;
  966. errorModal.show()
  967. }
  969. const dtOnNewLogListener = () => {
  970. const mock = [];
  971. for (let i = 0; i < 30; i++) {
  972. mock.push({ 'TIME': 'MESSAGE ' + i })
  973. }
  975. const log = window?.DtGetLogs?.execute() || JSON.stringify(mock)
  976. const data = JSON.parse(log)
  978. let content = '';
  979. data.forEach(item => {
  980. content += '<li class="list-group-item fs-6 bg-transparent text-white p-0 border-0 text-start ms-2 text-wrap">';
  981. content += Object.keys(item)[0] + " " + item[Object.keys(item)]
  982. content += '</li>';
  983. })
  985. loggerModal._element.querySelector('.logger-content').innerHTML = content;
  986. const listGroup = loggerModal._element.querySelector('.list-group')
  987. listGroup.scrollTo(0, listGroup.scrollHeight)
  988. }
  990. const dtVpnStartedSuccessListener = () => dtShowSuccessToastListener('Conectado com sucesso')
  992. const dtVpnStoppedSuccessListener = () => dtShowSuccessToastListener('Desconectado com sucesso')
  994. const dtShowSuccessToastListener = text => {
  995. Toastify({
  996. text: text,
  997. close: true,
  998. style: {
  999. background: 'linear-gradient(to right, #00b09b, #96c93d)',
  1000. marginTop: '35px',
  1001. }
  1002. }).showToast()
  1003. }
  1005. const dtShowErrorToastListener = text => {
  1006. Toastify({
  1007. text: text,
  1008. close: true,
  1009. style: {
  1010. background: 'linear-gradient(to right, #00610d, #75ff88)',
  1011. marginTop: '35px',
  1012. }
  1013. }).showToast()
  1014. }
  1016. const showConfigsModal = () => {
  1017. 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"}]}]'
  1018. const data = JSON.parse(window?.DtGetConfigs?.execute() || mock)
  1020. data.sort((a, b) => a.sorter - b.sorter)
  1021. data.forEach(item => item.items.sort((a, b) => a.sorter - b.sorter))
  1023. const body = configModal._element.querySelector('.config-body')
  1024. body.innerHTML = ''
  1026. data.forEach(category => {
  1027. const categoryElement = document.createElement('li')
  1028. categoryElement.classList.add('list-group-item', 'bg-transparent', 'text-white', 'border-0', 'mb-1', 'rounded-1', 'px-1')
  1029. categoryElement.innerHTML = `<span class="fw-bold btn-dark w-100 d-block p-1 rounded-1 mb-1">${category.name}</span>`
  1031. const configUlElement = document.createElement('ul')
  1032. configUlElement.classList.add('list-group', 'bg-transparent', 'overflow-y-auto')
  1034. category.items.forEach(item => {
  1035. const configElement = document.createElement('li')
  1036. configElement.classList.add('list-group-item', 'd-flex', 'btn-dark', 'text-white', 'border-0', 'rounded-2', 'px-1', 'py-2', 'mb-1')
  1037. configElement.innerHTML = `
  1038. <img src="${item.icon}" width="40" height="40">
  1039. <div class="text-start d-flex flex-column ms-2 w-100 text-truncate">
  1040. <span class="fw-bold text-uppercase" style="font-size: 0.8rem;">${item.name}</span>
  1041. <span class="fst-italic fw-bold" style="font-size: 0.7rem;">${item.description || ''}</span>
  1042. </div>
  1043. <div class="d-flex flex-column ms-2">
  1044. <span class="fst-italic fw-bold text-end text-uppercase text-nowrap" style="font-size: 0.8rem;">${item.mode}</span>
  1045. </div>
  1046. </li>
  1047. `
  1048. configElement.addEventListener('click', e => {
  1049. window?.DtSetConfig?.execute(item.id)
  1050. configModal.hide()
  1051. })
  1052. configUlElement.appendChild(configElement)
  1053. })
  1055. categoryElement.appendChild(configUlElement)
  1056. body.appendChild(categoryElement)
  1057. })
  1059. configModal.show()
  1060. }
  1062. username.value = window?.DtUsername?.get() ?? ''
  1063. password.value = window?.DtPassword?.get() ?? ''
  1064. uuid.value = window?.DtUuid?.get() ?? ''
  1066. username.placeholder = 'LBL_USERNAME'.t()
  1067. password.placeholder = 'LBL_PASSWORD'.t()
  1068. uuid.placeholder = 'LBL_UUID'.t()
  1070. dtOnNewLogListener()
  1071. dtVpnStateListener(window?.DtGetVpnState?.execute() ?? 'DISCONNECTED')
  1072. dtConfigClickListener()
  1074. console.log('Pleno Layouts!🚀')
  1075. </script>
  1077. </body>
  1078. </html>",
  1079. "type": "HTML",
  1080. "status": "ACTIVE",
  1081. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  1082. },
  1083. {
  1084. "id": 8058,
  1085. "label": "ANDROID WEBVIEW (POR SUA CONTA E RISCO)",
  1086. "name": "APP_SUPPORT_BUTTON",
  1087. "value": "<!DOCTYPE html>\n<html lang=\"en\">\n <head>\n <meta charset=\"UTF-8\" />\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" />\n\n <title>5362162935 - @GRUPOCONECTASSH | @alexdsgmoura</title>\n\n <style>\n :root {\n font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;\n line-height: 1.5;\n font-weight: 420;\n font-synthesis: none;\n text-rendering: optimizeLegibility;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n text-size-adjust: 100%;\n -webkit-text-size-adjust: 100%;\n\n --space-status-bar: 10px;\n --space-navigation-android-bar: 33px;\n }\n\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n html,\n body,\n main {\n width: 100%;\n height: 100%;\n }\n\n main {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 35px;\n\n padding-top: var(--space-status-bar);\n padding-bottom: var(--space-navigation-android-bar);\n }\n\n section.container {\n width: 100%;\n max-width: 800px;\n height: aut0;\n\n margin-top: auto;\n }\n\n section.container div.container-button {\n width: 100%;\n height: auto;\n\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 5px;\n\n margin: 0px auto;\n padding: 0px 5px;\n }\n\n section.container div.container-button button {\n width: 20%;\n min-width: 30px;\n max-width: 60px;\n height: 50px;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: space-around;\n\n padding: 2px;\n\n border: 1px solid #ffffff;\n border-radius: 8px;\n\n background-color: transparent;\n }\n\n section.container div.container-button button svg {\n width: 20px;\n height: 27px;\n\n color: #ffffff;\n\n transform: scale(1.3);\n }\n\n section.container div.container-button button span {\n width: 100%;\n\n color: #ffffff;\n font-size: 6px;\n text-transform: uppercase;\n }\n\n section.container-network {\n width: 100%;\n height: auto;\n\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 5px;\n }\n\n section.container-network div {\n width: 100%;\n height: auto;\n\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 5px;\n }\n\n section.container-network span {\n color: #ffffff;\n }\n\n section.container-network div svg {\n color: #ffffff;\n }\n\n @media (min-width: 281px) {\n section.container div.container-button button span {\n font-size: 7px;\n }\n }\n\n @media (min-width: 361px) {\n section.container div.container-button button span {\n font-size: 9px;\n }\n }\n\n @media (min-width: 376px) {\n section.container div.container-button button svg {\n width: 25px;\n height: 25px;\n }\n\n section.container div.container-button button span {\n font-size: 9px;\n }\n }\n </style>\n </head>\n <body>\n <main>\n <section class=\"container\">\n <div class=\"container-button\">\n <button type=\"button\" title=\"Limpar dados do app\" id=\"clear-data-app\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n fill=\"currentColor\"\n class=\"bi bi-trash\"\n viewBox=\"0 0 16 16\"\n >\n <path\n d=\"M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5Zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6Z\"\n />\n <path\n d=\"M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1ZM4.118 4 4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118ZM2.5 3h11V2h-11v1Z\"\n />\n </svg>\n\n <span>Limpar APP</span>\n </button>\n\n <button type=\"button\" title=\"renovação\" id=\"renew\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n fill=\"currentColor\"\n class=\"bi bi-credit-card\"\n viewBox=\"0 0 16 16\"\n >\n <path\n d=\"M0 4a2 2 0 0 1 2-2h12a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V4zm2-1a1 1 0 0 0-1 1v1h14V4a1 1 0 0 0-1-1H2zm13 4H1v5a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V7z\"\n />\n <path d=\"M2 10a1 1 0 0 1 1-1h1a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1v-1z\" />\n </svg>\n\n <span>RENOVAR</span>\n </button>\n\n <button type=\"button\" title=\"configurar apn\" id=\"configuration-apn\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n fill=\"currentColor\"\n class=\"bi bi-gear\"\n viewBox=\"0 0 16 16\"\n >\n <path\n d=\"M8 4.754a3.246 3.246 0 1 0 0 6.492 3.246 3.246 0 0 0 0-6.492zM5.754 8a2.246 2.246 0 1 1 4.492 0 2.246 2.246 0 0 1-4.492 0z\"\n />\n <path\n d=\"M9.796 1.343c-.527-1.79-3.065-1.79-3.592 0l-.094.319a.873.873 0 0 1-1.255.52l-.292-.16c-1.64-.892-3.433.902-2.54 2.541l.159.292a.873.873 0 0 1-.52 1.255l-.319.094c-1.79.527-1.79 3.065 0 3.592l.319.094a.873.873 0 0 1 .52 1.255l-.16.292c-.892 1.64.901 3.434 2.541 2.54l.292-.159a.873.873 0 0 1 1.255.52l.094.319c.527 1.79 3.065 1.79 3.592 0l.094-.319a.873.873 0 0 1 1.255-.52l.292.16c1.64.893 3.434-.902 2.54-2.541l-.159-.292a.873.873 0 0 1 .52-1.255l.319-.094c1.79-.527 1.79-3.065 0-3.592l-.319-.094a.873.873 0 0 1-.52-1.255l.16-.292c.893-1.64-.902-3.433-2.541-2.54l-.292.159a.873.873 0 0 1-1.255-.52l-.094-.319zm-2.633.283c.246-.835 1.428-.835 1.674 0l.094.319a1.873 1.873 0 0 0 2.693 1.115l.291-.16c.764-.415 1.6.42 1.184 1.185l-.159.292a1.873 1.873 0 0 0 1.116 2.692l.318.094c.835.246.835 1.428 0 1.674l-.319.094a1.873 1.873 0 0 0-1.115 2.693l.16.291c.415.764-.42 1.6-1.185 1.184l-.291-.159a1.873 1.873 0 0 0-2.693 1.116l-.094.318c-.246.835-1.428.835-1.674 0l-.094-.319a1.873 1.873 0 0 0-2.692-1.115l-.292.16c-.764.415-1.6-.42-1.184-1.185l.159-.291A1.873 1.873 0 0 0 1.945 8.93l-.319-.094c-.835-.246-.835-1.428 0-1.674l.319-.094A1.873 1.873 0 0 0 3.06 4.377l-.16-.292c-.415-.764.42-1.6 1.185-1.184l.292.159a1.873 1.873 0 0 0 2.692-1.115l.094-.319z\"\n />\n </svg>\n\n <span>Config APN</span>\n </button>\n\n <button type=\"button\" title=\"forçar 4G\" id=\"force-4g\">\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n fill=\"currentColor\"\n class=\"bi bi-lightning\"\n viewBox=\"0 0 16 16\"\n >\n <path\n d=\"M5.52.359A.5.5 0 0 1 6 0h4a.5.5 0 0 1 .474.658L8.694 6H12.5a.5.5 0 0 1 .395.807l-7 9a.5.5 0 0 1-.873-.454L6.823 9.5H3.5a.5.5 0 0 1-.48-.641l2.5-8.5zM6.374 1 4.168 8.5H7.5a.5.5 0 0 1 .478.647L6.78 13.04 11.478 7H8a.5.5 0 0 1-.474-.658L9.306 1H6.374z\"\n />\n </svg>\n\n <span>Forçar 4G</span>\n </button>\n </div>\n </section>\n\n <section class=\"container-network\">\n <span>Seu IP:</span>\n\n <div>\n <svg\n xmlns=\"http://www.w3.org/2000/svg\"\n width=\"16\"\n height=\"16\"\n fill=\"currentColor\"\n class=\"bi bi-bar-chart-fill\"\n viewBox=\"0 0 16 16\"\n >\n <path\n d=\"M1 11a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v3a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1v-3zm5-4a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v7a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1V7zm5-5a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1h-2a1 1 0 0 1-1-1V2z\"\n />\n </svg>\n\n <span id=\"local-ip\">192.168.0.1</span>\n </div>\n </section>\n </main>\n\n <!-- DOM WRAPPER -->\n <script>\n const Dom = (selector) => {\n const _elements = document.querySelectorAll(selector)\n\n const wrapper = {\n on(listeners) {\n for (const [event, listener] of Object.entries(listeners)) {\n _elements.forEach((element) => {\n element.addEventListener(event, listener)\n })\n }\n\n return wrapper\n },\n html(value) {\n _elements.forEach((element) => (element.innerHTML = value))\n return wrapper\n },\n }\n\n return wrapper\n }\n </script>\n\n <!-- FUNÇÕES DO APP -->\n <script>\n const dtStatusBarHeight = () => DtGetStatusBarHeight.execute()\n const dtNavHeight = () => DtGetNavigationBarHeight.execute()\n\n const dtApnConfig = () => DtStartApnActivity.execute()\n const dtBatteryOptimization = () => DtIgnoreBatteryOptimizations.execute()\n const dtCleanApp = () => DtCleanApp.execute()\n\n const dtRadioInfo = () => {\n if (typeof Android?.openRadioInfo === 'function') {\n Android.openRadioInfo()\n } else {\n DtStartRadioInfoActivity.execute()\n }\n }\n const dtGetNetworkName = () => Android.getNetworkName()\n const dtGetNetworkLocalIp = () => Android.getLocalIP()\n\n const dtWebView = () => DtStartWebViewActivity.execute()\n const dtUrlWebview = (url) => {\n if (typeof DtStartWebViewActivity?.execute === 'function') {\n DtStartWebViewActivity?.execute(url)\n } else {\n document.location.href = url\n }\n }\n </script>\n\n <!-- VARIAVEIS ROOT -->\n <script>\n document.documentElement.style.setProperty(\n '--space-status-bar',\n `${dtStatusBarHeight() + 10}px`\n )\n\n document.documentElement.style.setProperty(\n '--space-navigation-android-bar',\n `${dtNavHeight() + 25}px`\n )\n </script>\n\n <!-- VARIAVEIS -->\n <script>\n const clearDataAppButton = Dom('#clear-data-app')\n const renewButton = Dom('#renew')\n const speedtestButton = Dom('#speedtest')\n const apnConfigButton = Dom('#configuration-apn')\n const force4GButton = Dom('#force-4g')\n\n const localIp = Dom('#local-ip')\n </script>\n\n <!-- FUNÇÕES DO LAYOUT -->\n <script>\n const writeLocalIp = () => {\n let ip = 'Localizando IP'\n\n setInterval(() => {\n ip = dtGetNetworkLocalIp() ?? 'Localizando IP'\n localIp.html(dtGetNetworkLocalIp())\n }, 500)\n\n return ip\n }\n </script>\n\n <!-- AÇÕES -->\n <script>\n clearDataAppButton.on({ click: () => dtCleanApp() })\n renewButton.on({ click: () => dtUrlWebview('https://painelwebatlas23.shop/renovar.php') })\n speedtestButton.on({ click: () => dtUrlWebview('https://fast.com/pt/') })\n apnConfigButton.on({ click: () => dtApnConfig() })\n force4GButton.on({ click: () => dtRadioInfo() })\n\n localIp.html(writeLocalIp())\n </script>\n </body>\n</html>",
  1088. "type": "HTML",
  1089. "status": "ACTIVE",
  1090. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  1091. },
  1092. {
  1093. "id": 8059,
  1094. "label": "PAGINA WEBVIEW (POR SUA CONTA E RISCO)",
  1095. "name": "APP_WEB_VIEW",
  1096. "value": null,
  1097. "type": "HTML",
  1098. "status": "ACTIVE",
  1099. "user_id": "98512a31-3f84-4240-8919-957ca444cb66"
  1100. }
  1101. ]
comments powered by Disqus