DT-4.5-layout

SUBMITTED BY: locked

DATE: Oct. 28, 2023, 6:31 p.m.

UPDATED: Oct. 29, 2023, 12:13 a.m.

FORMAT: Text only

SIZE: 26.7 kB

History Raw Download

HITS: 1824

Report
  1. [
  2. {
  3. "id": 22166,
  4. "label": "Nome do app",
  5. "name": "APP_NAME",
  6. "value": "DTunnel VPN",
  7. "type": "STRING",
  8. "status": "ACTIVE",
  9. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  10. },
  11. {
  12. "id": 22167,
  13. "label": "Logo do app",
  14. "name": "APP_LOGO",
  15. "value": "https://i.imgur.com/X8N65Tk.png",
  16. "type": "IMAGE",
  17. "status": "ACTIVE",
  18. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  19. },
  20. {
  21. "id": 22168,
  22. "label": "Imagem de fundo",
  23. "name": "APP_BACKGROUND_IMAGE",
  24. "value": "https://i.imgur.com/J0G1Gz4.jpg",
  25. "type": "IMAGE",
  26. "status": "ACTIVE",
  27. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  28. },
  29. {
  30. "id": 22169,
  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": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  49. },
  50. {
  51. "id": 22170,
  52. "label": "Cor de fundo",
  53. "name": "APP_BACKGROUND_COLOR",
  54. "value": "#080e16c7",
  55. "type": "COLOR",
  56. "status": "ACTIVE",
  57. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  58. },
  59. {
  60. "id": 22171,
  61. "label": "Cor do card inicial",
  62. "name": "APP_CARD_COLOR",
  63. "value": "#1d242e73",
  64. "type": "COLOR",
  65. "status": "ACTIVE",
  66. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  67. },
  68. {
  69. "id": 22172,
  70. "label": "Raio do card inicial",
  71. "name": "APP_CARD_RADIUS",
  72. "value": 20,
  73. "type": "INTEGER",
  74. "status": "ACTIVE",
  75. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  76. },
  77. {
  78. "id": 22173,
  79. "label": "Cor do card de status",
  80. "name": "APP_CARD_STATUS_COLOR",
  81. "value": "#1d242e73",
  82. "type": "COLOR",
  83. "status": "ACTIVE",
  84. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  85. },
  86. {
  87. "id": 22174,
  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": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  94. },
  95. {
  96. "id": 22175,
  97. "label": "Cor do card de configurações",
  98. "name": "APP_CARD_CONFIG_COLOR",
  99. "value": "#1D1D1D",
  100. "type": "COLOR",
  101. "status": "ACTIVE",
  102. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  103. },
  104. {
  105. "id": 22176,
  106. "label": "Cor do fundo dos dialogs",
  107. "name": "APP_DIALOG_BACKGROUND_COLOR",
  108. "value": "#1D1D1D",
  109. "type": "COLOR",
  110. "status": "ACTIVE",
  111. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  112. },
  113. {
  114. "id": 22177,
  115. "label": "Cor do fundo do dialog de log",
  116. "name": "APP_DIALOG_LOGGER_COLOR",
  117. "value": "#1D1D1D",
  118. "type": "COLOR",
  119. "status": "ACTIVE",
  120. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  121. },
  122. {
  123. "id": 22178,
  124. "label": "Cor das bordas",
  125. "name": "APP_BORDER_COLOR",
  126. "value": "#1d242e73",
  127. "type": "COLOR",
  128. "status": "ACTIVE",
  129. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  130. },
  131. {
  132. "id": 22179,
  133. "label": "Cor dos inputs",
  134. "name": "APP_INPUT_COLOR",
  135. "value": "#1d242e73",
  136. "type": "COLOR",
  137. "status": "ACTIVE",
  138. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  139. },
  140. {
  141. "id": 22180,
  142. "label": "Raio dos inputs",
  143. "name": "APP_INPUT_RADIUS",
  144. "value": 25,
  145. "type": "INTEGER",
  146. "status": "ACTIVE",
  147. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  148. },
  149. {
  150. "id": 22181,
  151. "label": "Cor dos textos",
  152. "name": "APP_TEXT_COLOR",
  153. "value": "#FFFFFFFF",
  154. "type": "COLOR",
  155. "status": "ACTIVE",
  156. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  157. },
  158. {
  159. "id": 22182,
  160. "label": "Cor dos botões",
  161. "name": "APP_BUTTON_COLOR",
  162. "value": "#1d242e73",
  163. "type": "COLOR",
  164. "status": "ACTIVE",
  165. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  166. },
  167. {
  168. "id": 22183,
  169. "label": "Raio dos botões",
  170. "name": "APP_BUTTON_RADIUS",
  171. "value": 25,
  172. "type": "INTEGER",
  173. "status": "ACTIVE",
  174. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  175. },
  176. {
  177. "id": 22184,
  178. "label": "Cor dos icones",
  179. "name": "APP_ICON_COLOR",
  180. "value": "#FFFFFFFF",
  181. "type": "COLOR",
  182. "status": "ACTIVE",
  183. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  184. },
  185. {
  186. "id": 22185,
  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": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  193. },
  194. {
  195. "id": 22871,
  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": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  202. },
  203. {
  204. "id": 22186,
  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": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  211. },
  212. {
  213. "id": 22187,
  214. "label": "Usar limiter de conexão",
  215. "name": "APP_CONNECTION_LIMITER",
  216. "value": false,
  217. "type": "BOOLEAN",
  218. "status": "ACTIVE",
  219. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  220. },
  221. {
  222. "id": 22188,
  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": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  229. },
  230. {
  231. "id": 22189,
  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": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  238. },
  239. {
  240. "id": 22190,
  241. "label": "Usar botão de pagina webview",
  242. "name": "APP_BTN_PAGE_ENABLED",
  243. "value": true,
  244. "type": "BOOLEAN",
  245. "status": "ACTIVE",
  246. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  247. },
  248. {
  249. "id": 22191,
  250. "label": "Ativar dialog de erros",
  251. "name": "APP_DIALOG_ERROR_ENABLED",
  252. "value": true,
  253. "type": "BOOLEAN",
  254. "status": "ACTIVE",
  255. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  256. },
  257. {
  258. "id": 22192,
  259. "label": "Ativar dialog de checkuser",
  260. "name": "APP_CHECKUSER_DIALOG_ENABLED",
  261. "value": true,
  262. "type": "BOOLEAN",
  263. "status": "ACTIVE",
  264. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  265. },
  266. {
  267. "id": 22193,
  268. "label": "Ativar toast de sucesso",
  269. "name": "APP_SUCCESS_TOAST_ENABLED",
  270. "value": true,
  271. "type": "BOOLEAN",
  272. "status": "ACTIVE",
  273. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  274. },
  275. {
  276. "id": 22194,
  277. "label": "Ativar toast de erro",
  278. "name": "APP_ERROR_TOAST_ENABLED",
  279. "value": true,
  280. "type": "BOOLEAN",
  281. "status": "ACTIVE",
  282. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  283. },
  284. {
  285. "id": 22195,
  286. "label": "Usar layout webview",
  287. "name": "APP_LAYOUT_WEBVIEW_ENABLED",
  288. "value": false,
  289. "type": "BOOLEAN",
  290. "status": "INACTIVE",
  291. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  292. },
  293. {
  294. "id": 22196,
  295. "label": "Mensagem",
  296. "name": "APP_MESSAGE",
  297. "value": null,
  298. "type": "TEXT",
  299. "status": "ACTIVE",
  300. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  301. },
  302. {
  303. "id": 22197,
  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": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  310. },
  311. {
  312. "id": 22198,
  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": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  339. },
  340. {
  341. "id": 22199,
  342. "label": "LAYOUT WEBVIEW (POR SUA CONTA E RISCO)",
  343. "name": "APP_LAYOUT_WEBVIEW",
  344. "value": "",
  345. "type": "HTML",
  346. "status": "INACTIVE",
  347. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  348. },
  349. {
  350. "id": 22200,
  351. "label": "ANDROID WEBVIEW (POR SUA CONTA E RISCO)",
  352. "name": "APP_SUPPORT_BUTTON",
  353. "value": "<!DOCTYPE html>
  354. <html lang="en">
  355. <head>
  356. <meta charset="UTF-8" />
  357. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  359. <title>5172750168 - @gvnet1</title>
  361. <style>
  362. :root {
  363. font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;
  364. line-height: 1.5;
  365. font-weight: 400;
  366. font-synthesis: none;
  367. text-rendering: optimizeLegibility;
  368. -webkit-font-smoothing: antialiased;
  369. -moz-osx-font-smoothing: grayscale;
  370. text-size-adjust: 100%;
  371. -webkit-text-size-adjust: 100%;
  373. --space-status-bar: 10px;
  374. --space-nav-bar: 33px;
  375. }
  377. @-webkit-keyframes onePulse {
  378. 0% {
  379. box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.5);
  380. }
  381. 50% {
  382. box-shadow: 0px 0px 4px 8px rgba(255, 255, 255, 0.1);
  383. }
  384. 100% {
  385. box-shadow: 0px 0px 4px 4px rgba(255, 255, 255, 0.5);
  386. }
  387. }
  389. @keyframes onePulse {
  390. 0% {
  391. box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.5);
  392. }
  393. 50% {
  394. box-shadow: 0px 0px 4px 8px rgba(255, 255, 255, 0.1);
  395. }
  396. 100% {
  397. box-shadow: 0px 0px 4px 4px rgba(255, 255, 255, 0.5);
  398. }
  399. }
  401. *,
  402. *::before,
  403. *::after {
  404. margin: 0;
  405. padding: 0;
  406. box-sizing: border-box;
  407. }
  409. html,
  410. body,
  411. main {
  412. width: 100%;
  413. height: 100%;
  414. }
  416. body {
  417. background: transparent;
  418. }
  420. main {
  421. max-width: 650px;
  423. display: flex;
  424. flex-direction: column;
  425. justify-content: space-between;
  427. margin: 0 auto 0 auto;
  428. padding: var(--space-status-bar) 10px var(--space-nav-bar) 10px;
  429. }
  431. section.top {
  432. width: 100%;
  433. height: auto;
  435. display: flex;
  436. align-items: center;
  437. }
  439. section.top button {
  440. margin-left: auto;
  441. padding: 3.5%;
  443. display: flex;
  444. align-items: center;
  445. justify-content: center;
  446. gap: 7px;
  448. border: 0;
  449. border-radius: 10px;
  451. background: #000000;
  452. }
  454. section.top button svg {
  455. color: #ffffff;
  456. }
  458. section.top button span {
  459. color: #ffffff;
  460. font-weight: 500;
  461. font-size: 0.7rem;
  462. }
  464. section.bottom {
  465. width: 100%;
  466. height: auto;
  467. /* background: blue; */
  469. display: flex;
  470. flex-direction: column;
  471. align-items: center;
  472. }
  474. section.bottom div.container-local-ip {
  475. width: auto;
  476. height: auto;
  478. display: flex;
  479. align-items: center;
  481. padding: 10px 15px;
  483. border-radius: 10px;
  485. background: #000000;
  487. transition: all 0.3s ease 0.1s;
  488. }
  490. section.bottom div.container-local-ip span {
  491. width: 100%;
  492. height: auto;
  494. color: #ffffff;
  495. font-weight: 500;
  496. font-size: 0.8rem;
  497. }
  499. section.bottom div.container-tools {
  500. width: 100%;
  501. height: auto;
  503. display: flex;
  504. justify-content: center;
  506. position: relative;
  507. }
  509. section.bottom div.container-tools button {
  510. display: flex;
  511. align-items: center;
  512. justify-content: center;
  513. gap: 8px;
  515. margin: 7% 0px 0px 0px;
  516. padding: 10px 6%;
  518. border: 0;
  519. border-radius: 10px;
  521. box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.5);
  523. transition: all linear;
  525. background: #000000;
  526. }
  528. section.bottom div.container-tools button svg {
  529. color: #ffffff;
  530. }
  532. section.bottom div.container-tools button span {
  533. color: #ffffff;
  534. }
  536. section.bottom div.container-tools ul {
  537. width: auto;
  538. min-width: 90%;
  539. max-width: 300px;
  540. height: 55px;
  542. display: flex;
  543. align-items: center;
  544. justify-content: space-around;
  545. gap: 5px;
  547. position: absolute;
  548. bottom: 90%;
  550. padding: 0 5px;
  552. border-radius: 50px;
  553. box-shadow: 0px 0px 4px 0px rgba(255, 255, 255, 0.5);
  555. opacity: 0;
  556. transform: scale(0);
  557. transform-origin: bottom center;
  559. transition: all 0.3s ease 0.1s;
  561. background: rgba(3, 169, 244, 0.2);
  562. }
  564. section.bottom div.container-tools ul li {
  565. width: 40px;
  566. height: 40px;
  568. display: flex;
  569. justify-content: center;
  570. align-items: center;
  572. border: 1px solid #ffffff;
  573. border-radius: 50%;
  575. box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
  577. background: rgba(0, 0, 0, 0.5);
  578. }
  580. section.bottom div.container-tools ul li svg {
  581. color: #ffffff;
  582. }
  584. section.bottom div.container-tools.active button {
  585. -webkit-animation: onePulse 0.6s forwards linear;
  586. animation: onePulse 0.6s forwards linear;
  587. }
  589. section.bottom div.container-tools.active ul {
  590. opacity: 1;
  591. transform: scale(1);
  592. }
  594. .hidden {
  595. opacity: 0;
  596. visibility: hidden;
  597. }
  599. .display-none {
  600. display: none;
  601. }
  602. </style>
  603. </head>
  604. <body>
  605. <main>
  606. <section class="top">
  607. <button type="button">
  608. <svg
  609. xmlns="http://www.w3.org/2000/svg"
  610. width="16"
  611. height="16"
  612. fill="currentColor"
  613. class="bi bi-git"
  614. viewBox="0 0 16 16"
  615. >
  616. <path
  617. d="M15.698 7.287 8.712.302a1.03 1.03 0 0 0-1.457 0l-1.45 1.45 1.84 1.84a1.223 1.223 0 0 1 1.55 1.56l1.773 1.774a1.224 1.224 0 0 1 1.267 2.025 1.226 1.226 0 0 1-2.002-1.334L8.58 5.963v4.353a1.226 1.226 0 1 1-1.008-.036V5.887a1.226 1.226 0 0 1-.666-1.608L5.093 2.465l-4.79 4.79a1.03 1.03 0 0 0 0 1.457l6.986 6.986a1.03 1.03 0 0 0 1.457 0l6.953-6.953a1.031 1.031 0 0 0 0-1.457"
  618. />
  619. </svg>
  621. <span id="version-value">Buscando versão...</span>
  622. </button>
  623. </section>
  625. <section class="bottom">
  626. <div class="container-local-ip">
  627. <span id="local-ip">Procurando IP...</span>
  628. </div>
  630. <div class="container-tools">
  631. <button type="button" title="Ferramentas">
  632. <svg
  633. xmlns="http://www.w3.org/2000/svg"
  634. width="16"
  635. height="16"
  636. fill="currentColor"
  637. class="bi bi-nut"
  638. viewBox="0 0 16 16"
  639. >
  640. <path
  641. d="m11.42 2 3.428 6-3.428 6H4.58L1.152 8 4.58 2h6.84zM4.58 1a1 1 0 0 0-.868.504l-3.428 6a1 1 0 0 0 0 .992l3.428 6A1 1 0 0 0 4.58 15h6.84a1 1 0 0 0 .868-.504l3.429-6a1 1 0 0 0 0-.992l-3.429-6A1 1 0 0 0 11.42 1H4.58z"
  642. />
  643. <path
  644. d="M6.848 5.933a2.5 2.5 0 1 0 2.5 4.33 2.5 2.5 0 0 0-2.5-4.33zm-1.78 3.915a3.5 3.5 0 1 1 6.061-3.5 3.5 3.5 0 0 1-6.062 3.5z"
  645. />
  646. </svg>
  648. <span>Ferramentas</span>
  649. </button>
  651. <ul>
  652. <li id="checkuser">
  653. <svg
  654. xmlns="http://www.w3.org/2000/svg"
  655. width="16"
  656. height="16"
  657. fill="currentColor"
  658. class="bi bi-calendar2-week"
  659. viewBox="0 0 16 16"
  660. >
  661. <path
  662. d="M3.5 0a.5.5 0 0 1 .5.5V1h8V.5a.5.5 0 0 1 1 0V1h1a2 2 0 0 1 2 2v11a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V3a2 2 0 0 1 2-2h1V.5a.5.5 0 0 1 .5-.5zM2 2a1 1 0 0 0-1 1v11a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1V3a1 1 0 0 0-1-1H2z"
  663. />
  664. <path
  665. d="M2.5 4a.5.5 0 0 1 .5-.5h10a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5H3a.5.5 0 0 1-.5-.5V4zM11 7.5a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm-5 3a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1zm3 0a.5.5 0 0 1 .5-.5h1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-1a.5.5 0 0 1-.5-.5v-1z"
  666. />
  667. </svg>
  668. </li>
  670. <li id="battery">
  671. <svg
  672. xmlns="http://www.w3.org/2000/svg"
  673. width="16"
  674. height="16"
  675. fill="currentColor"
  676. class="bi bi-battery-half"
  677. viewBox="0 0 16 16"
  678. >
  679. <path d="M2 6h5v4H2V6z" />
  680. <path
  681. d="M2 4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2H2zm10 1a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V6a1 1 0 0 1 1-1h10zm4 3a1.5 1.5 0 0 1-1.5 1.5v-3A1.5 1.5 0 0 1 16 8z"
  682. />
  683. </svg>
  684. </li>
  686. <li id="apn">
  687. <svg
  688. xmlns="http://www.w3.org/2000/svg"
  689. width="16"
  690. height="16"
  691. fill="currentColor"
  692. class="bi bi-wrench-adjustable-circle"
  693. viewBox="0 0 16 16"
  694. >
  695. <path
  696. d="M12.496 8a4.491 4.491 0 0 1-1.703 3.526L9.497 8.5l2.959-1.11c.027.2.04.403.04.61Z"
  697. />
  698. <path
  699. d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0Zm-1 0a7 7 0 1 0-13.202 3.249l1.988-1.657a4.5 4.5 0 0 1 7.537-4.623L7.497 6.5l1 2.5 1.333 3.11c-.56.251-1.18.39-1.833.39a4.49 4.49 0 0 1-1.592-.29L4.747 14.2A7 7 0 0 0 15 8Zm-8.295.139a.25.25 0 0 0-.288-.376l-1.5.5.159.474.808-.27-.595.894a.25.25 0 0 0 .287.376l.808-.27-.595.894a.25.25 0 0 0 .287.376l1.5-.5-.159-.474-.808.27.596-.894a.25.25 0 0 0-.288-.376l-.808.27.596-.894Z"
  700. />
  701. </svg>
  702. </li>
  704. <li id="clean">
  705. <svg
  706. xmlns="http://www.w3.org/2000/svg"
  707. width="16"
  708. height="16"
  709. fill="currentColor"
  710. class="bi bi-trash3"
  711. viewBox="0 0 16 16"
  712. >
  713. <path
  714. d="M6.5 1h3a.5.5 0 0 1 .5.5v1H6v-1a.5.5 0 0 1 .5-.5ZM11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3A1.5 1.5 0 0 0 5 1.5v1H2.506a.58.58 0 0 0-.01 0H1.5a.5.5 0 0 0 0 1h.538l.853 10.66A2 2 0 0 0 4.885 16h6.23a2 2 0 0 0 1.994-1.84l.853-10.66h.538a.5.5 0 0 0 0-1h-.995a.59.59 0 0 0-.01 0H11Zm1.958 1-.846 10.58a1 1 0 0 1-.997.92h-6.23a1 1 0 0 1-.997-.92L3.042 3.5h9.916Zm-7.487 1a.5.5 0 0 1 .528.47l.5 8.5a.5.5 0 0 1-.998.06L5 5.03a.5.5 0 0 1 .47-.53Zm5.058 0a.5.5 0 0 1 .47.53l-.5 8.5a.5.5 0 1 1-.998-.06l.5-8.5a.5.5 0 0 1 .528-.47ZM8 4.5a.5.5 0 0 1 .5.5v8.5a.5.5 0 0 1-1 0V5a.5.5 0 0 1 .5-.5Z"
  715. />
  716. </svg>
  717. </li>
  719. <li id="speedtest">
  720. <svg
  721. xmlns="http://www.w3.org/2000/svg"
  722. width="16"
  723. height="16"
  724. fill="currentColor"
  725. class="bi bi-speedometer2"
  726. viewBox="0 0 16 16"
  727. >
  728. <path
  729. d="M8 4a.5.5 0 0 1 .5.5V6a.5.5 0 0 1-1 0V4.5A.5.5 0 0 1 8 4zM3.732 5.732a.5.5 0 0 1 .707 0l.915.914a.5.5 0 1 1-.708.708l-.914-.915a.5.5 0 0 1 0-.707zM2 10a.5.5 0 0 1 .5-.5h1.586a.5.5 0 0 1 0 1H2.5A.5.5 0 0 1 2 10zm9.5 0a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1H12a.5.5 0 0 1-.5-.5zm.754-4.246a.389.389 0 0 0-.527-.02L7.547 9.31a.91.91 0 1 0 1.302 1.258l3.434-4.297a.389.389 0 0 0-.029-.518z"
  730. />
  731. <path
  732. fill-rule="evenodd"
  733. d="M0 10a8 8 0 1 1 15.547 2.661c-.442 1.253-1.845 1.602-2.932 1.25C11.309 13.488 9.475 13 8 13c-1.474 0-3.31.488-4.615.911-1.087.352-2.49.003-2.932-1.25A7.988 7.988 0 0 1 0 10zm8-7a7 7 0 0 0-6.603 9.329c.203.575.923.876 1.68.63C4.397 12.533 6.358 12 8 12s3.604.532 4.923.96c.757.245 1.477-.056 1.68-.631A7 7 0 0 0 8 3z"
  734. />
  735. </svg>
  736. </li>
  737. </ul>
  738. </div>
  739. </section>
  740. </main>
  742. <!-- FUNÇÕES DO APP -->
  743. <script>
  744. const appStatusBar = () => DtGetStatusBarHeight.execute()
  745. const appNavBar = () => DtGetNavigationBarHeight.execute()
  747. const appLocalIp = () => Android.getLocalIP()
  749. const appBattery = () => DtIgnoreBatteryOptimizations.execute()
  750. const appApn = () => DtStartApnActivity.execute()
  751. const appLink = (value) => DtStartWebViewActivity.execute(value)
  752. const appOpenBrowser = (url) => DtOpenExternalUrl.execute(url)
  753. const appClean = () => DtCleanApp.execute()
  754. const appCheckUser = () => DtStartCheckUser.execute()
  755. const appGetConfigVersion = () =>
  756. DtGetLocalConfigVersion.execute() ?? "1.0"
  757. </script>
  759. <!-- DOM WRAPPER -->
  760. <script>
  761. const Dom = (selector) => {
  762. const _elements = document.querySelectorAll(selector)
  764. const wrapper = {
  765. on(listeners) {
  766. for (const [event, listener] of Object.entries(listeners)) {
  767. _elements.forEach((element) => {
  768. element.addEventListener(event, listener)
  769. })
  770. }
  772. return wrapper
  773. },
  774. toggleClass: (token, force) => {
  775. _elements.forEach((element) => {
  776. element.classList.toggle(token, force)
  777. })
  779. return wrapper
  780. },
  781. html(value) {
  782. _elements.forEach((element) => (element.innerHTML = value))
  783. return wrapper
  784. },
  785. }
  787. return wrapper
  788. }
  789. </script>
  791. <!-- VÁRIAVEIS -->
  792. <script>
  793. const version = Dom("#version-value")
  794. const containerLocalIp = Dom("section.bottom div.container-local-ip")
  795. const localIp = Dom("#local-ip")
  797. const containerTools = Dom("section.bottom div.container-tools")
  798. const toolsButton = Dom("section.bottom div.container-tools button")
  799. const tools = Dom("section.bottom div.container-tools ul")
  801. const checkuser = Dom("#checkuser")
  802. const battery = Dom("#battery")
  803. const apn = Dom("#apn")
  804. const CleanDataApp = Dom("#clean")
  805. const speedtest = Dom("#speedtest")
  806. </script>
  808. <!-- FUNÇÕES -->
  809. <script>
  810. document.documentElement.style.setProperty(
  811. "--space-status-bar",
  812. `${appStatusBar() + 10}px`
  813. )
  815. document.documentElement.style.setProperty(
  816. "--space-nav-bar",
  817. `${appNavBar() + 10}px`
  818. )
  820. const toggleTools = () => {
  821. containerLocalIp.toggleClass("hidden")
  822. containerTools.toggleClass("active")
  823. }
  825. const carrierLocalIp = () => {
  826. setInterval(() => {
  827. const carrierLocalIp = appLocalIp()
  829. if (!carrierLocalIp) {
  830. localIp.html("Procurando IP...")
  831. } else if (carrierLocalIp === "127.0.0.1") {
  832. localIp.html("NO IP")
  833. } else {
  834. localIp.html(`${carrierLocalIp}`)
  835. }
  836. }, 500)
  837. }
  838. const configVersion = () => {
  839. setInterval(() => {
  840. const getAtualVersion = appGetConfigVersion()
  842. version.html(`VERSÃO: ${getAtualVersion}`)
  843. }, 1000)
  844. }
  846. carrierLocalIp()
  847. configVersion()
  848. </script>
  850. <!-- AÇÕES -->
  851. <script>
  852. toolsButton.on({ click: () => toggleTools() })
  854. checkuser.on({ click: () => appCheckUser() })
  855. battery.on({ click: () => appBattery() })
  856. apn.on({ click: () => appApn() })
  857. CleanDataApp.on({ click: () => appClean() })
  858. speedtest.on({ click: () => appLink("https://speed.cloudflare.com/") })
  859. </script>
  860. </body>
  861. </html>",
  862. "type": "HTML",
  863. "status": "ACTIVE",
  864. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  865. },
  866. {
  867. "id": 22201,
  868. "label": "PAGINA WEBVIEW (POR SUA CONTA E RISCO)",
  869. "name": "APP_WEB_VIEW",
  870. "value": null,
  871. "type": "HTML",
  872. "status": "ACTIVE",
  873. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  874. }
  875. ]
comments powered by Disqus