Tema online

SUBMITTED BY: anbach

DATE: Nov. 20, 2023, 2:32 a.m.

UPDATED: March 7, 2024, 1:59 a.m.

FORMAT: Text only

SIZE: 50.9 kB

History Raw Download

HITS: 7111

Report
  1. [
  2. {
  3. "id": 22166,
  4. "label": "Nome do app",
  5. "name": "APP_NAME",
  6. "value": null,
  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.ibb.co/j4Q48sG/DT040a9i8j.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": null,
  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": "COLOR"
  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": "#4298e182",
  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": "#4298e182",
  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": "#4298e182",
  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": false,
  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": false,
  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": false,
  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": false,
  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": false,
  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": false,
  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": true,
  289. "type": "BOOLEAN",
  290. "status": "ACTIVE",
  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": "<!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>PicaPau</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>
  361. <link rel='stylesheet'
  362. href='https://cdn-uicons.flaticon.com/2.0.0/uicons-regular-rounded/css/uicons-regular-rounded.css'>
  364. <style>
  365. @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');
  367. :root {
  368. /*------------------------------------------------------------------------EDITE SOMENTE AQUI INICIAL-----------------------------------------------------------------------------*/
  370. --background-img: url(https://i.ibb.co/4FdBxhq/960402-adapted-1080x2340.jpg);
  371. /* URL da Fundo de vocês... pode ser Gif tambem */
  372. --logo-img-url: url(https://i.ibb.co/jbCDXXC/coollogo-com-27815824.png);
  373. /* URL da Logo de vocês... pode ser Gif tambem... recomendo acima de 256px por 256px no tamanho preferencia sempre padrão quadrado */
  376. --blur-amount: 5px;
  377. /* Valor padrão para o desfoque do vidro */
  379. --cor-gradiente-nav-inicial: #f76c6c21;
  380. /* Cor inicial do gradiente */
  381. --cor-gradiente-nav-final: #f76c6c00;
  382. /* Cor final do gradiente */
  383. --cor-gradiente-btstart-incial: #f76c6c21;
  384. /* Cor Botão Start inicial do gradiente */
  385. --cor-gradiente-btstart-final: #f76c6c00;
  386. /* Cor Botão Start final do gradiente */
  387. /*------------------------------------------------------------------------EDITE SOMENTE AQUI FINALLLL-----------------------------------------------------------------------------*/
  390. --input-border-radius: 5px;
  391. --input-background-color: #0a091a55;
  393. --card-border-radius: 5px;
  394. --card-background-color: #0b092868;
  396. --btn-background-color: #0a091a55;
  397. --btn-border-radius: 5px;
  399. --modal-background-color: #0b092868;
  401. --text-color: #ffffff;
  402. --icon-color: #FFFFFF;
  403. }
  405. * {
  406. margin: 0;
  407. padding: 0;
  408. box-sizing: border-box;
  409. font-family: 'Roboto', sans-serif;
  410. }
  412. body {
  413. height: 100vh;
  414. display: flex;
  415. flex-direction: column;
  416. align-items: center;
  417. justify-content: center;
  418. background-repeat: no-repeat;
  419. background-size: cover;
  420. }
  422. .container {
  423. height: 100%;
  424. display: flex;
  425. flex-direction: column;
  426. justify-content: center;
  427. align-items: center;
  428. max-width: 465px;
  429. background: var(--background-img);
  430. background-position: center;
  431. background-repeat: no-repeat;
  432. background-size: cover;
  433. }
  435. .logo {
  436. width: 100%;
  437. display: block;
  438. margin-top: -89px;
  439. margin-bottom: -65px;
  440. margin-left: auto;
  441. margin-right: auto;
  442. content: var(--logo-img-url);
  443. }
  446. .card {
  447. backdrop-filter: blur(var(--blur-amount));
  448. background: #0808083f;
  449. border-radius: 20px;
  450. border: 1px solid #1e1e1e !important;
  451. box-shadow: -8px 12px 20px 0 rgb(13 15 18 / 63%) !important;
  452. padding: 15px !important;
  453. max-width: 450px;
  454. height: auto;
  455. position: relative;
  456. }
  458. .btn-dark {
  459. border: none;
  460. background: linear-gradient(var(--cor-gradiente-btstart-incial), var(--cor-gradiente-btstart-final));
  461. border-radius: 15px;
  462. }
  464. .modal-content {
  465. background-color: transparent;
  466. backdrop-filter: blur(25px);
  467. }
  469. .tool {
  470. align-items: center;
  471. justify-content: center;
  472. text-align: center;
  473. }
  475. .tool-bt {
  476. background: linear-gradient(to top right, #ff00003f, #1212123f);
  477. border-radius: 20px;
  478. color: #ffffff !important;
  479. height: 35px;
  480. width: 100%;
  481. border: var(--btn-border);
  482. }
  484. .input-group,
  485. .form-control,
  486. .input-group-text {
  487. background: #0808083f;
  488. color: var(--icon-color);
  489. border: none;
  490. border-radius: 15px;
  491. outline: none;
  492. }
  494. .form-control::placeholder {
  495. color: var(--text-color);
  496. }
  498. .form-control:focus {
  499. color: var(--text-color);
  500. outline: none;
  501. box-shadow: none;
  502. }
  504. .input-group-text {
  505. padding-right: 0;
  506. }
  509. .fs-5 {
  510. font-size: 1rem !important;
  511. }
  513. nav {
  515. background: linear-gradient(var(--cor-gradiente-nav-inicial), var(--cor-gradiente-nav-final));
  516. border-radius: 20px;
  517. font-size: 0;
  518. width: 100%;
  519. max-width: 450px;
  520. height: auto;
  521. position: sticky;
  522. margin-top: 20px;
  523. margin-bottom: 10px;
  524. display: flex;
  525. justify-content: space-around;
  526. align-items: center;
  527. }
  529. nav span {
  530. line-height: 45px;
  531. height: 100%;
  532. position: relative;
  533. z-index: 1;
  534. text-decoration: none;
  535. text-align: center;
  536. color: white !important;
  537. cursor: alias;
  538. }
  540. nav span svg {
  541. fill: rgb(255, 255, 255);
  542. }
  544. nav .animation {
  545. position: absolute;
  546. height: 100%;
  547. top: 0;
  548. z-index: 0;
  549. transition: all .5s ease 0s;
  550. border-radius: 8px;
  551. }
  553. a:nth-child(1) {
  554. width: 30%;
  555. }
  557. a:nth-child(2) {
  558. width: 30%;
  559. }
  561. a:nth-child(3) {
  562. width: 40%;
  563. }
  565. nav .start-home,
  566. a:nth-child(1):hover~.animation {
  567. width: 30%;
  568. left: 0;
  569. background-color: #1212123f;
  570. border-radius: 20px;
  571. }
  573. nav .start-about,
  574. a:nth-child(2):hover~.animation {
  575. width: 30%;
  576. ;
  577. left: 30%;
  578. background-color: #1212123f;
  579. border-radius: 20px;
  580. }
  582. nav .start-blog,
  583. a:nth-child(3):hover~.animation {
  584. width: 40%;
  585. left: 60%;
  586. background-color: #1212123f;
  587. border-radius: 20px;
  588. }
  590. body {
  591. font-size: 12px;
  592. font-family: sans-serif;
  593. background: color #1212123f;
  594. }
  596. @media (min-width: 768px) {
  598. .container,
  599. .container-md,
  600. .container-sm {
  601. max-width: 100%;
  602. }
  603. }
  605. .rede {
  606. color: #ff0000;
  607. }
  609. .iplocal {
  610. color: #ffffff;
  611. }
  613. .containerlocal {
  614. background: #0808083f;
  615. border-radius: 20px;
  616. border: 1px solid #1e1e1e !important;
  617. padding: 15px !important;
  618. width: 95%;
  619. max-width: 450px;
  620. height: initial;
  621. position: absolute;
  622. margin-top: 700px;
  623. margin-bottom: -66px;
  624. }
  627. .hidden {
  628. display: none;
  629. }
  630. </style>
  631. </head>
  633. <body>
  634. <div class="containerlocal">
  635. <span class="font-semibold text-xs mr-2"
  636. style="color: #ffffff;"">📢 IP Local da sua operadora:</span><span class=" rede font-semibold text-xs mr-2"
  637. id="name">REDE</span> <span class="iplocal font-semibold text-xs" id="ip">127.0.0.1</span>
  638. </div>
  640. <div class="container">
  641. <div class="card border-0 p-2 shadow mb-3 w-100">
  643. <img class="logo">
  645. <!-- Atualize o atributo src usando JavaScript -->
  646. <script>
  647. document.documentElement.style.setProperty('--logo-img-url',);
  648. </script>
  651. <div class="input-group mb-2 shadow" id="config-area">
  652. <input class="form-control" type="text" placeholder="CONFIGURAÇÃO" readonly title="configurações"
  653. id="config" style="background-color: #0808083f;" />
  654. <span class="input-group-text me-2">
  655. <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor"
  656. class="bi bi:bar-chart" viewBox="0 0 16 16">
  657. <path
  658. 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" />
  659. </svg>
  660. </span>
  661. </div>
  662. <div class="input-group input mb-2 shadow">
  663. <span class="input-group-text">
  664. <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor"
  665. class="bi bi:file-person" viewBox="0 0 16 16">
  666. <path
  667. 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" />
  668. <path d="M8 10a3 3 0 1 0 0-6a3 3 0 0 0 0 6z" />
  669. </g>
  670. </svg>
  671. </span>
  672. <input class="form-control" type="text" placeholder="usuario" id="username"
  673. style="background-color: #0808083f;" />
  674. </div>
  675. <div class="input-group input mb-2 shadow">
  676. <span class="input-group-text">
  677. <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor"
  678. class="bi bi:file-earmark-lock" viewBox="0 0 16 16">
  679. <path
  680. 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" />
  681. <path
  682. 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" />
  683. </g>
  684. </svg>
  685. </span>
  686. <input class="form-control" type="password" placeholder="senha" id="password"
  687. style="background-color: #0808083f;" />
  688. <span class="input-group-text me-2"
  689. onclick="password.type==`text`?password.type = `password`:password.type = `text`">
  690. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye"
  691. viewBox="0 0 16 16">
  692. <path
  693. 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" />
  694. <path
  695. 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" />
  696. </svg>
  697. </span>
  698. </div>
  699. <div class="input-group input mb-2 shadow">
  700. <span class="input-group-text">
  701. <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="currentColor" class="bi bi-key"
  702. viewBox="0 0 16 16">
  703. <path
  704. 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" />
  705. <path d="M4 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" />
  706. </svg>
  707. </span>
  708. <input class="form-control" type="text" placeholder="V2ray UUID" id="uuid"
  709. style="background: #0808083f;" />
  710. <span class="input-group-text me-2"
  711. onclick="uuid.type==`text`?uuid.type = `password`:uuid.type = `text`">
  712. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-eye"
  713. viewBox="0 0 16 16">
  714. <path
  715. 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" />
  716. <path
  717. 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" />
  718. </svg>
  719. </span>
  720. </div>
  721. <button class="btn btn-dark w-100 shadow" id="start-stop">INICIAR</button>
  722. <nav>
  724. <span id="sync" onclick="DtStartAppUpdate.execute()" class="fi fi-rr-refresh">
  725. <?xml version="1.0" encoding="UTF-8"?>
  726. <svg xmlns="http://www.w3.org/2000/svg" id="Outline" viewBox="0 0 24 24" width="24" height="24">
  727. <path
  728. d="M12,2a10.032,10.032,0,0,1,7.122,3H16a1,1,0,0,0-1,1h0a1,1,0,0,0,1,1h4.143A1.858,1.858,0,0,0,22,5.143V1a1,1,0,0,0-1-1h0a1,1,0,0,0-1,1V3.078A11.981,11.981,0,0,0,.05,10.9a1.007,1.007,0,0,0,1,1.1h0a.982.982,0,0,0,.989-.878A10.014,10.014,0,0,1,12,2Z" />
  729. <path
  730. d="M22.951,12a.982.982,0,0,0-.989.878A9.986,9.986,0,0,1,4.878,19H8a1,1,0,0,0,1-1H9a1,1,0,0,0-1-1H3.857A1.856,1.856,0,0,0,2,18.857V23a1,1,0,0,0,1,1H3a1,1,0,0,0,1-1V20.922A11.981,11.981,0,0,0,23.95,13.1a1.007,1.007,0,0,0-1-1.1Z" />
  731. </svg>
  732. </span>
  736. <span id="logger" class="fi fi-rs-clipboard-list">
  737. <?xml version="1.0" encoding="UTF-8"?>
  738. <svg xmlns="http://www.w3.org/2000/svg" id="Outline" viewBox="0 0 24 24" width="24" height="24">
  740. <path
  741. d="M11,12h6v2h-6v-2ZM21,2V21c0,1.654-1.346,3-3,3H6c-1.654,0-3-1.346-3-3V2h5.171c.413-1.164,1.525-2,2.829-2h2c1.304,0,2.416,.836,2.829,2h5.171Zm-2,2h-5v-1c0-.552-.449-1-1-1h-2c-.551,0-1,.448-1,1v1H5V21c0,.552,.449,1,1,1h12c.551,0,1-.448,1-1V4Zm-8,6h6v-2h-6v2Zm0,8h6v-2h-6v2ZM7,10h2v-2h-2v2Zm0,4h2v-2h-2v2Zm0,4h2v-2h-2v2Z" />
  742. </svg>
  743. </span>
  745. <span aria-hidden="true" onclick="ToolsModal.show()" class="fi fi-rr-settings">
  746. <?xml version="1.0" encoding="UTF-8"?>
  747. <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" id="Outline" viewBox="0 0 24 24"
  748. width="24" height="24">
  749. <path d="M12,8a4,4,0,1,0,4,4A4,4,0,0,0,12,8Zm0,6a2,2,0,1,1,2-2A2,2,0,0,1,12,14Z" />
  750. <path
  751. d="M21.294,13.9l-.444-.256a9.1,9.1,0,0,0,0-3.29l.444-.256a3,3,0,1,0-3-5.2l-.445.257A8.977,8.977,0,0,0,15,3.513V3A3,3,0,0,0,9,3v.513A8.977,8.977,0,0,0,6.152,5.159L5.705,4.9a3,3,0,0,0-3,5.2l.444.256a9.1,9.1,0,0,0,0,3.29l-.444.256a3,3,0,1,0,3,5.2l.445-.257A8.977,8.977,0,0,0,9,20.487V21a3,3,0,0,0,6,0v-.513a8.977,8.977,0,0,0,2.848-1.646l.447.258a3,3,0,0,0,3-5.2Zm-2.548-3.776a7.048,7.048,0,0,1,0,3.75,1,1,0,0,0,.464,1.133l1.084.626a1,1,0,0,1-1,1.733l-1.086-.628a1,1,0,0,0-1.215.165,6.984,6.984,0,0,1-3.243,1.875,1,1,0,0,0-.751.969V21a1,1,0,0,1-2,0V19.748a1,1,0,0,0-.751-.969A6.984,6.984,0,0,1,7.006,16.9a1,1,0,0,0-1.215-.165l-1.084.627a1,1,0,1,1-1-1.732l1.084-.626a1,1,0,0,0,.464-1.133,7.048,7.048,0,0,1,0-3.75A1,1,0,0,0,4.79,8.992L3.706,8.366a1,1,0,0,1,1-1.733l1.086.628A1,1,0,0,0,7.006,7.1a6.984,6.984,0,0,1,3.243-1.875A1,1,0,0,0,11,4.252V3a1,1,0,0,1,2,0V4.252a1,1,0,0,0,.751.969A6.984,6.984,0,0,1,16.994,7.1a1,1,0,0,0,1.215.165l1.084-.627a1,1,0,1,1,1,1.732l-1.084.626A1,1,0,0,0,18.746,10.125Z" />
  752. </svg>
  753. </span>
  755. </nav>
  756. </div>
  758. <div class="card my-3 w-100 text-center border-0 p-2 shadow text-light fs-5 text-uppercase fw-bold" id="state"
  759. style="padding: 5px !important; font-size: 15px !important;">
  760. </div>
  761. <div class="modal fade" id="checkUserModal">
  762. <div class="modal-dialog modal-dialog-centered" role="document">
  763. <div class="modal-content rounded-3 shadow">
  764. <div class="modal-header border-bottom-0 pb-0">
  765. <h1 class="modal-title fs-5 chk-title text-light"></h1>
  766. <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
  767. aria-label="Close"></button>
  768. </div>
  769. <div class="modal-body text-center">
  770. <p class="fs-5 mb-0 chk-message text-light"></p>
  771. </div>
  772. </div>
  773. </div>
  774. </div>
  775. <div class="modal fade" id="errorModal">
  776. <div class="modal-dialog modal-dialog-centered" role="document">
  777. <div class="modal-content rounded-3 shadow">
  778. <div class="modal-header border-bottom-0 pb-0">
  779. <h1 class="modal-title fs-5 err-title text-light"></h1>
  780. <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
  781. aria-label="Close"></button>
  782. </div>
  783. <div class="modal-body text-center">
  784. <p class="fs-5 mb-0 err-message text-light"></p>
  785. </div>
  786. </div>
  787. </div>
  788. </div>
  789. <div class="modal fade" id="loggerModal">
  790. <div class="modal-dialog modal-dialog-centered" role="document">
  791. <div class="modal-content rounded-3 shadow">
  792. <div class="modal-body p-1 text-center">
  793. <ul class="list-group bg-transparent overflow-y-auto logger-content" style="max-height: 600px;">
  794. </ul>
  795. </div>
  796. <div class="modal-footer flex-nowrap p-0">
  797. <button type="button" class="btn btn-lg btn-dark text-light w-100 clear-logger">LIMPAR</button>
  798. <button type="button" class="btn btn-lg btn-dark text-light w-100"
  799. data-bs-dismiss="modal">FECHAR</button>
  800. </div>
  801. </div>
  802. </div>
  803. </div>
  804. <div class="tool webm modal fade" index="-1" id="ToolsModal">
  805. <div class="modal-dialog modal-dialog-centered" role="document">
  806. <div class="modal-content">
  807. <div class="tool modal-header">
  808. <h5 class="modal-title" style="color:#ffffff;">Configurações do aplicativo</h5>
  809. </div>
  810. <div class="modal-body">
  811. <button class="tool-bt rounded-2xl text-white" onclick="DtStartApnActivity.execute()"><i
  812. class="info2 bi bi-wifi mr-2"></i>Alterar protocolo de APN</button>
  813. </div>
  814. <div class="modal-body">
  815. <button class="tool-bt rounded-2xl text-white"
  816. onclick="DtIgnoreBatteryOptimizations.execute()"><i
  817. class="info2 bi bi-battery-full mr-2"></i>Otimizar Bateria</button>
  818. </div>
  819. <div class="modal-body">
  820. <button class="tool-bt rounded-2xl text-white" onclick="DtCleanApp.execute()"><i
  821. class="info2 bi bi-trash3 mr-2"></i>Limpar cachê e dados</button>
  822. </div>
  824. <div class="tool modal-footer">
  825. <button type="button" class="btn btn-primary" data-bs-dismiss="modal"
  826. style="background-color: var(--btn-modal);">FECHAR</button>
  828. </div>
  829. </div>
  830. </div>
  831. </div>
  832. <div class="modal fade" id="configModal">
  833. <div class="modal-dialog modal-dialog-centered" role="document">
  834. <div class="modal-content rounded-3 shadow">
  835. <div class="modal-header border-bottom-0 pb-0">
  836. <h1 class="modal-title fs-5 text-white">CONFIGURAÇÕES</h1>
  837. <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
  838. aria-label="Close"></button>
  839. </div>
  840. <div class="modal-body p-1 text-center">
  841. <ul class="list-group bg-transparent overflow-y-auto config-body" style="max-height: 600px;">
  842. <li class="list-group-item bg-transparent text-white border-0">
  843. <p>CATEGORIA</p>
  844. <ul class="list-group bg-transparent overflow-y-auto text-start">
  845. <li
  846. class="list-group-item d-flex bg-transparent text-white border-0 border-bottom rounded-0">
  847. <img src="https://cdn-icons-png.flaticon.com/512/3686/3686811.png" width="40"
  848. height="40">
  849. <div class="d-flex flex-column ms-2 w-100">
  850. <span>CONFIG 01</span>
  851. <span>DESC 01</span>
  852. </div>
  853. <div class="d-flex flex-column ms-2 w-100">
  854. <span class="text-end">CONFIG_MODE</span>
  855. </div>
  856. </li>
  857. </ul>
  858. </li>
  859. </ul>
  860. </div>
  861. </div>
  862. </div>
  863. </div>
  864. <div class="modal fade" id="RenovarModal">
  865. <div class="modal-dialog modal-dialog-centered" role="document">
  866. <div class="modal-content rounded-3 shadow">
  867. <div class="modal-header border-bottom-0 py-3">
  868. <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
  869. aria-label="Close"></button>
  870. </div>
  871. <div class="modal-body ratio rounded-bottom-3" style="height: 600px;">
  872. <div class="spinner d-flex w-100 h-100 align-items-center justify-content-center">
  873. <div class="spinner-border text-light p-5" role="status">
  874. <span class="visually-hidden">Loading...</span>
  875. </div>
  876. </div>
  877. <iframe class="rounded-bottom-3" id="RenovarFrame"></iframe>
  878. </div>
  879. </div>
  880. </div>
  881. </div>
  882. <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
  884. <script>
  885. class AndroidMock {
  886. static getLocalIP() {
  887. return '192.168.0.1';
  888. }
  890. static getConfig() {
  891. return JSON.stringify({
  892. urlCheckUser: 'URLAQUI'
  893. });
  894. }
  896. static getNetworkName() {
  897. return 'REDE';
  898. }
  900. static openRadioInfo() {
  901. console.log('openRadioInfo');
  902. }
  903. }
  904. </script>
  906. <script>
  907. function showLocalIP(android) {
  908. console.log(android.getNetworkName());
  909. document.getElementById('name').innerHTML = ' ' + android.getNetworkName() + ':';
  910. document.getElementById('ip').innerHTML = android.getLocalIP();
  912. setInterval(() => {
  913. document.getElementById('name').innerHTML =
  914. ' ' + android.getNetworkName() + ':';
  915. document.getElementById('ip').innerHTML = android.getLocalIP();
  916. }, 2000)
  917. }
  919. window.onload = function () {
  920. const android = window.Android || AndroidMock;
  921. showLocalIP(android);
  922. }
  924. function mostrar(id) {
  925. if (document.getElementById(id).style.display !== "none") {
  926. document.getElementById(id).style.display = "none";
  927. return;
  928. }
  929. Array.from(document.getElementsByClassName("hidden")).forEach(
  930. div => (div.style.display = "none")
  931. );
  932. document.getElementById(id).style.display = "block";
  933. }
  935. </script>
  937. <script>
  938. const configArea = document.querySelector('#config-area')
  939. const config = document.querySelector('#config')
  940. const username = document.querySelector('#username')
  941. const password = document.querySelector('#password')
  942. const uuid = document.querySelector('#uuid')
  943. const logger = document.querySelector('#logger')
  945. const networkStatus = document.querySelector('#section.local-ip')
  947. const startStopVpn = document.querySelector('#start-stop')
  948. const stateStatus = document.querySelector('#state')
  950. const loggerModal = new bootstrap.Modal(document.querySelector('#loggerModal'))
  951. const checkUserModal = new bootstrap.Modal(document.querySelector('#checkUserModal'))
  952. const errorModal = new bootstrap.Modal(document.querySelector('#errorModal'))
  953. const configModal = new bootstrap.Modal(document.querySelector('#configModal'))
  955. const ToolsModal = new bootstrap.Modal(document.querySelector('#ToolsModal'))
  957. const clearLogger = document.querySelector('.clear-logger')
  959. const RenovarModal = new bootstrap.Modal(document.querySelector('#RenovarModal'))
  961. configArea.addEventListener('click', e => showConfigsModal())
  962. username.addEventListener('input', e => DtUsername.set(e.target.value))
  963. password.addEventListener('input', e => DtPassword.set(e.target.value))
  964. uuid.addEventListener('input', e => DtUuid.set(e.target.value))
  965. logger.addEventListener('click', e => loggerModal.show())
  967. startStopVpn.addEventListener('click', (e) => {
  968. if (DtGetVpnState.execute() != 'DISCONNECTED') {
  969. DtExecuteVpnStop.execute()
  970. } else {
  971. DtExecuteVpnStart.execute()
  972. }
  973. })
  974. clearLogger.addEventListener('click', () => DtClearLogs.execute())
  976. RenovarModal._element.addEventListener('shown.bs.modal', () => {
  977. const iframe = document.querySelector('#RenovarFrame');
  978. if (!iframe.src) {
  979. iframe.src = 'https://painel.plenonet.com.br/renovar.php'
  980. iframe.addEventListener('load', () => {
  981. mp3Modal._element.querySelector('.spinner').classList.add('d-none')
  982. })
  983. }
  984. })
  985. RenovarModal._element.addEventListener('hide.bs.modal', () => {
  986. const iframe = document.querySelector('#RenovarFrame');
  987. iframe.src = '';
  988. })
  990. Object.defineProperty(String.prototype, 't', {
  991. value: function t() {
  992. return window?.DtTranslateText?.execute('' + this) ?? '' + this
  993. },
  994. writable: true,
  995. configurable: true,
  996. })
  998. const dtConfigClickListener = () => {
  999. const data = JSON.parse(window?.DtGetDefaultConfig?.execute() || `{ "auth": {}, "mode": "v2ray" }`)
  1000. const isV2ray = data?.mode?.toLowerCase()?.startsWith('v2ray');
  1001. config.placeholder = data.name ?? 'LBL_CHOOSE_CONFIG'.t()
  1002. username.parentElement.style.display = !data?.auth?.username && !isV2ray ? 'flex' : 'none';
  1003. password.parentElement.style.display = !data?.auth?.password && !isV2ray ? 'flex' : 'none';
  1004. uuid.parentElement.style.display = !data?.auth?.v2ray_uuid && isV2ray ? 'flex' : 'none';
  1005. }
  1007. const dtVpnStateListener = state => {
  1008. const isRunning = state != 'DISCONNECTED';
  1010. stateStatus.innerHTML = ('LBL_STATE_' + state).t()
  1011. startStopVpn.innerHTML = isRunning ? 'LBL_BTN_STOP'.t() : 'LBL_BTN_START'.t()
  1013. if (isRunning) {
  1014. username.setAttribute('readonly', 'true')
  1015. password.setAttribute('readonly', 'true')
  1016. } else {
  1017. username.removeAttribute('readonly')
  1018. password.removeAttribute('readonly')
  1019. }
  1021. if (state == 'CONNECTING') dtShowSuccessToastListener('Conectando...')
  1022. }
  1024. const dtCheckUserStartedListener = () => {
  1025. const data = JSON.parse(window?.DtGetDefaultConfig?.execute() || `{}`)
  1026. const isV2ray = data?.mode?.toLowerCase()?.startsWith('v2ray');
  1027. if (isV2ray) return;
  1028. const html = `
  1029. <div class="d-flex justify-content-center">
  1030. <div class="spinner-border p-5" role="status">
  1031. <span class="visually-hidden">Loading...</span>
  1032. </div>
  1033. </div>
  1034. `
  1036. checkUserModal._element.querySelector('.chk-title').textContent = 'CHECK USER'
  1037. checkUserModal._element.querySelector('.chk-message').innerHTML = html;
  1038. checkUserModal.show()
  1039. }
  1041. const dtCheckUserModelListener = model => {
  1042. const data = JSON.parse(model ?? `{"username": "test"}`)
  1043. const html = `
  1044. <div class="d-flex flex-column text-white">
  1045. <span>👤Nome de usuario: ${data.username}</span>
  1046. <span>📆Expira em: ${data.expiration_date}</span>
  1047. <span>📆Dias restantes: ${data.expiration_days}</span>
  1048. <span>🚫Conexoes: ${data.count_connections}|${data.limit_connections}</span>
  1049. </div>
  1050. `
  1052. checkUserModal._element.querySelector('.chk-title').textContent = '📆 Olá, ' + data.username.toUpperCase() + '👤'
  1053. checkUserModal._element.querySelector('.chk-message').innerHTML = html;
  1054. checkUserModal.show()
  1055. }
  1057. const dtMessageErrorListener = message => {
  1058. const data = JSON.parse(message)
  1059. errorModal._element.querySelector('.err-title').textContent = data.title;
  1060. errorModal._element.querySelector('.err-message').innerHTML = data.content;
  1061. errorModal.show()
  1062. }
  1064. const dtOnNewLogListener = () => {
  1065. const mock = [];
  1066. for (let i = 0; i < 30; i++) {
  1067. mock.push({ 'TIME': 'MESSAGE ' + i })
  1068. }
  1070. const log = window?.DtGetLogs?.execute() || JSON.stringify(mock)
  1071. const data = JSON.parse(log)
  1073. let content = '';
  1074. data.forEach(item => {
  1075. content += '<li class="list-group-item fs-6 bg-transparent text-white p-0 border-0 text-start ms-2 text-wrap">';
  1076. content += Object.keys(item)[0] + " " + item[Object.keys(item)]
  1077. content += '</li>';
  1078. })
  1080. loggerModal._element.querySelector('.logger-content').innerHTML = content;
  1081. const listGroup = loggerModal._element.querySelector('.list-group')
  1082. listGroup.scrollTo(0, listGroup.scrollHeight)
  1083. }
  1085. const dtVpnStartedSuccessListener = () => dtShowSuccessToastListener('Conectado com sucesso')
  1087. const dtVpnStoppedSuccessListener = () => dtShowSuccessToastListener('Desconectado com sucesso')
  1089. const dtShowSuccessToastListener = text => {
  1090. Toastify({
  1091. text: text,
  1092. close: true,
  1093. style: {
  1094. background: 'linear-gradient(to right, #00b09b, #96c93d)',
  1095. marginTop: '35px',
  1096. }
  1097. }).showToast()
  1098. }
  1100. const dtShowErrorToastListener = text => {
  1101. Toastify({
  1102. text: text,
  1103. close: true,
  1104. style: {
  1105. background: 'linear-gradient(to right, #ff5c33, #e69900)',
  1106. marginTop: '35px',
  1107. }
  1108. }).showToast()
  1109. }
  1111. const showConfigsModal = () => {
  1112. 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"}]}]'
  1113. const data = JSON.parse(window?.DtGetConfigs?.execute() || mock)
  1115. data.sort((a, b) => a.sorter - b.sorter)
  1116. data.forEach(item => item.items.sort((a, b) => a.sorter - b.sorter))
  1118. const body = configModal._element.querySelector('.config-body')
  1119. body.innerHTML = ''
  1121. data.forEach(category => {
  1122. const categoryElement = document.createElement('li')
  1123. categoryElement.classList.add('list-group-item', 'bg-transparent', 'text-white', 'border-0', 'mb-1', 'rounded-1', 'px-1')
  1124. categoryElement.innerHTML = `<span class="fw-bold btn-dark w-100 d-block p-1 rounded-1 mb-1">${category.name}</span>`
  1126. const configUlElement = document.createElement('ul')
  1127. configUlElement.classList.add('list-group', 'bg-transparent', 'overflow-y-auto')
  1129. category.items.forEach(item => {
  1130. const configElement = document.createElement('li')
  1131. configElement.classList.add('list-group-item', 'd-flex', 'btn-dark', 'text-white', 'border-0', 'rounded-2', 'px-1', 'py-2', 'mb-1')
  1132. configElement.innerHTML = `
  1133. <img src="${item.icon}" width="40" height="40">
  1134. <div class="text-start d-flex flex-column ms-2 w-100 text-truncate">
  1135. <span class="fw-bold text-uppercase" style="font-size: 0.8rem;">${item.name}</span>
  1136. <span class="fst-italic fw-bold" style="font-size: 0.7rem;">${item.description || ''}</span>
  1137. </div>
  1138. <div class="d-flex flex-column ms-2">
  1139. <span class="fst-italic fw-bold text-end text-uppercase text-nowrap" style="font-size: 0.8rem;">${item.mode}</span>
  1140. </div>
  1141. </li>
  1142. `
  1143. configElement.addEventListener('click', e => {
  1144. window?.DtSetConfig?.execute(item.id)
  1145. configModal.hide()
  1146. })
  1147. configUlElement.appendChild(configElement)
  1148. })
  1150. categoryElement.appendChild(configUlElement)
  1151. body.appendChild(categoryElement)
  1152. })
  1154. configModal.show()
  1155. }
  1157. username.value = window?.DtUsername?.get() ?? ''
  1158. password.value = window?.DtPassword?.get() ?? ''
  1159. uuid.value = window?.DtUuid?.get() ?? ''
  1161. username.placeholder = 'LBL_USERNAME'.t()
  1162. password.placeholder = 'LBL_PASSWORD'.t()
  1163. uuid.placeholder = 'LBL_UUID'.t()
  1165. dtOnNewLogListener()
  1166. dtVpnStateListener(window?.DtGetVpnState?.execute() ?? 'DISCONNECTED')
  1167. dtConfigClickListener()
  1169. console.log('ODAIR.Dev!🚀')
  1170. </script>
  1172. </body>
  1174. </html>",
  1175. "type": "HTML",
  1176. "status": "ACTIVE",
  1177. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  1178. },
  1179. {
  1180. "id": 22200,
  1181. "label": "ANDROID WEBVIEW (POR SUA CONTA E RISCO)",
  1182. "name": "APP_SUPPORT_BUTTON",
  1183. "value": null,
  1184. "type": "HTML",
  1185. "status": "ACTIVE",
  1186. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  1187. },
  1188. {
  1189. "id": 22201,
  1190. "label": "PAGINA WEBVIEW (POR SUA CONTA E RISCO)",
  1191. "name": "APP_WEB_VIEW",
  1192. "value": null,
  1193. "type": "HTML",
  1194. "status": "ACTIVE",
  1195. "user_id": "d37036c7-833d-4246-8b45-c0ce6e8daaa2"
  1196. }
  1197. ]
comments powered by Disqus