DT-LAYOUT

SUBMITTED BY: locked

DATE: July 14, 2023, 2:42 a.m.

UPDATED: Oct. 8, 2023, 10:09 p.m.

FORMAT: Text only

SIZE: 19.4 kB

History Raw Download

HITS: 1548

Report
  1. {
  2. "status":200,
  3. "data":[
  4. {
  5. "id":3807,
  6. "label":"Nome do app",
  7. "name":"APP_NAME",
  8. "value": "ℹ️ 1.1",
  9. "type":"STRING",
  10. "status":"INACTIVE",
  11. "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
  12. },
  13. {
  14. "id":3808,
  15. "label":"Logo do app",
  16. "name":"APP_LOGO",
  17. "value":"https://i.imgur.com/DfpItDx.pn",
  18. "type":"IMAGE",
  19. "status":"INACTIVE",
  20. "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
  21. },
  22. {
  23. "id":3809,
  24. "label":"Imagem de fundo",
  25. "name":"APP_BACKGROUND_IMAGE",
  26. "value":"https://i.imgur.com/RK2Vkfa.jpg",
  27. "type":"IMAGE",
  28. "status":"ACTIVE",
  29. "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
  30. },
  31. {
  32. "id":3810,
  33. "label":"Tipo do fundo do app",
  34. "name":"APP_BACKGROUND_TYPE",
  35. "value":{
  36. "options":[
  37. {
  38. "label":"Imagem",
  39. "value":"IMAGE"
  40. },
  41. {
  42. "label":"Cor",
  43. "value":"COLOR"
  44. }
  45. ],
  46. "selected":"IMAGE"
  47. },
  48. "type":"SELECT",
  49. "status":"ACTIVE",
  50. "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
  51. },
  52. {
  53. "id":3811,
  54. "label":"Cor de fundo",
  55. "name":"APP_BACKGROUND_COLOR",
  56. "value":"#ffb7b7ff",
  57. "type":"COLOR",
  58. "status":"ACTIVE",
  59. "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
  60. },
  61. {
  62. "id":3812,
  63. "label":"Cor do card inicial",
  64. "name":"APP_CARD_COLOR",
  65. "value":"#00000070",
  66. "type":"COLOR",
  67. "status":"ACTIVE",
  68. "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
  69. },
  70. {
  71. "id":3813,
  72. "label":"Cor do card de configurações",
  73. "name":"APP_CARD_CONFIG_COLOR",
  74. "value":"#0000005b",
  75. "type":"COLOR",
  76. "status":"ACTIVE",
  77. "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
  78. },
  79. {
  80. "id":3814,
  81. "label":"Cor do fundo dos dialogs",
  82. "name":"APP_DIALOG_BACKGROUND_COLOR",
  83. "value":"#70C0C0C0",
  84. "type":"COLOR",
  85. "status":"ACTIVE",
  86. "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
  87. },
  88. {
  89. "id":3815,
  90. "label":"Cor das bordas",
  91. "name":"APP_BORDER_COLOR",
  92. "value":"#ffffff",
  93. "type":"COLOR",
  94. "status":"ACTIVE",
  95. "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
  96. },
  97. {
  98. "id":3816,
  99. "label":"Cor dos textos",
  100. "name":"APP_TEXT_COLOR",
  101. "value":"#FFFFFFFF",
  102. "type":"COLOR",
  103. "status":"ACTIVE",
  104. "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
  105. },
  106. {
  107. "id":3817,
  108. "label":"Cor dos botões",
  109. "name":"APP_BUTTON_COLOR",
  110. "value":"#00ffff70",
  111. "type":"COLOR",
  112. "status":"ACTIVE",
  113. "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
  114. },
  115. {
  116. "id":3818,
  117. "label":"Cor dos icones",
  118. "name":"APP_ICON_COLOR",
  119. "value":"#00ffff70",
  120. "type":"COLOR",
  121. "status":"ACTIVE",
  122. "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
  123. },
  124. {
  125. "id":3819,
  126. "label":"Exibir modo de conexão",
  127. "name":"APP_SHOW_CONNECTION_MODE",
  128. "value":true,
  129. "type":"BOOLEAN",
  130. "status":"ACTIVE",
  131. "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
  132. },
  133. {
  134. "id":4922,
  135. "label":"Iniciar o app automaticamente ao reiniciar o dispositivo",
  136. "name":"APP_AUTO_START",
  137. "value":false,
  138. "type":"BOOLEAN",
  139. "status":"ACTIVE",
  140. "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
  141. },
  142. {
  143. "id":3820,
  144. "label":"Mensagem",
  145. "name":"APP_MESSAGE",
  146. "value":null,
  147. "type":"TEXT",
  148. "status":"ACTIVE",
  149. "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
  150. },
  151. {
  152. "id":3821,
  153. "label":"Tipo de mensagem",
  154. "name":"APP_MESSAGE_TYPE",
  155. "value":{
  156. "options":[
  157. {
  158. "label":"Alerta",
  159. "value":"ALERT"
  160. },
  161. {
  162. "label":"Informação",
  163. "value":"INFO"
  164. },
  165. {
  166. "label":"Boas vindas",
  167. "value":"WELCOME"
  168. },
  169. {
  170. "label":"Sem mensagem",
  171. "value":"NONE"
  172. }
  173. ],
  174. "selected":"ALERT"
  175. },
  176. "type":"SELECT",
  177. "status":"ACTIVE",
  178. "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
  179. },
  180. {
  181. "id":3823,
  182. "label":"ANDROID WEBVIEW (POR SUA CONTA E RISCO)",
  183. "name":"APP_SUPPORT_BUTTON",
  184. "value":"<!DOCTYPE html>
  185. <html lang="pt-BR">
  187. <head>
  188. <meta charset="UTF-8">
  189. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  190. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  192. <title>@apsnet29 style | Design by: @alexdsgmoura</title>
  194. <style>
  195. @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');
  197. :root {
  198. --cor-de-fundo: transparent;
  199. --cor-do-botao-de-teste-gratis: linear-gradient(to right, #008000 0%, #000000 100%);
  200. --cor-de-fundo-dos-demais-botoes: #008000;
  202. --cor-de-fund-dos-botoes-do-topo: linear-gradient(to right, #000000 0%, #000000 100%);
  203. --altura-do-container-do-topo: 60px;
  204. }
  206. * {
  207. margin: 0;
  208. padding: 0;
  210. box-sizing: border-box;
  211. }
  213. body {
  214. background-color: var(--cor-de-fundo);
  216. display: flex;
  217. flex-direction: column;
  218. align-items: center;
  219. }
  221. body div.container-top {
  222. width: 100%;
  223. max-width: 425px;
  224. height: 40px;
  226. display: flex;
  228. padding: var(--altura-do-container-do-topo) 10px;
  229. }
  231. body div.container-top .leftSide {
  232. flex: 1;
  234. display: flex;
  235. align-items: center;
  236. justify-content: flex-start;
  237. }
  239. body div.container-top .leftSide button {
  240. width: 40px;
  241. height: 40px;
  243. display: flex;
  244. justify-content: center;
  245. align-items: center;
  247. /* background-image: var(--cor-de-fund-dos-botoes-do-topo); // CASO QUEIRA USAR UM BACKGROUND GRADIENTE SÓ DESCOMENTAR ESSA LINHA E COMENTAR A DE BAIXO!*/
  248. background-color: #000000;
  250. border: 0;
  251. border-radius: 5px;
  252. outline: none;
  254. margin-right: 20px;
  256. cursor: pointer;
  257. }
  259. body div.container-top .leftSide button:last-child {
  260. margin-right: 0;
  261. }
  263. body div.container-top .leftSide button svg {
  264. width: 50%;
  265. height: 50%;
  267. color: #19828aff;
  268. }
  270. body div.container-top .rightSide {
  271. flex: 1;
  273. display: flex;
  274. align-items: center;
  275. justify-content: flex-end;
  276. }
  278. body div.container-top .rightSide button {
  279. width: 40px;
  280. height: 40px;
  282. display: flex;
  283. justify-content: center;
  284. align-items: center;
  286. /* background-image: var(--cor-de-fund-dos-botoes-do-topo); // CASO QUEIRA USAR UM BACKGROUND GRADIENTE SÓ DESCOMENTAR ESSA LINHA E COMENTAR A DE BAIXO!*/
  287. background-color: #008000;
  289. border: 0;
  290. border-radius: 5px;
  291. outline: none;
  293. margin-right: 20px;
  295. cursor: pointer;
  296. }
  298. body div.container-top .rightSide button:last-child {
  299. margin-right: 0;
  300. }
  302. body div.container-top .rightSide button svg {
  303. width: 50%;
  304. height: 50%;
  306. color: #FFFFFF;
  307. }
  309. body div.container {
  310. width: 100%;
  311. max-width: 425px;
  312. height: auto;
  314. position: absolute;
  316. bottom: 80px;
  318. display: flex;
  319. flex-direction: column;
  321. padding: 10px 10px;
  322. }
  324. body div.container div.top {
  325. width: 100%;
  326. height: auto;
  328. margin-bottom: 10px;
  329. }
  331. body div.container div.top button {
  332. width: 100%;
  333. height: 40px;
  335. display: flex;
  336. align-items: center;
  337. justify-content: center;
  339. background-image: var(--cor-do-botao-de-teste-gratis);
  341. border: 0;
  342. border-radius: 5px;
  344. cursor: pointer;
  345. }
  347. body div.container div.top button svg {
  348. color: #FFFFFF;
  350. transform: scaleX(-1);
  352. margin-right: 10px;
  353. }
  355. body div.container div.top button span {
  356. font-family: 'Roboto', sans-serif;
  357. font-size: 1.3em;
  358. font-weight: 300;
  359. color: #FFFFFF;
  360. }
  362. body div.container div.bottom {
  363. width: 100%;
  364. height: auto;
  366. display: grid;
  367. grid-template-columns: repeat(4, 1fr);
  368. gap: 10px;
  370. border-top-left-radius: 50px;
  371. border-top-right-radius: 50px;
  372. }
  374. body div.container div.bottom div.button {
  375. display: flex;
  376. flex-direction: column;
  377. align-items: center;
  379. background-color: var(--cor-de-fundo-dos-demais-botoes);
  381. border-radius: 15px;
  383. -webkit-user-select: none;
  384. user-select: none;
  386. cursor: pointer;
  388. padding: 8px 8px;
  389. }
  391. body div.container div.bottom div.button span {
  392. font-family: 'Roboto', sans-serif;
  393. font-weight: 300;
  394. color: #FFFFFF;
  396. font-size: 0.8em;
  398. text-align: center;
  399. }
  401. body div.container div.bottom div.button svg {
  402. margin-top: 5px;
  403. color: #FFFFFF;
  404. width: 25px;
  405. height: 25px;
  406. }
  408. body div.container div.bottom div.button.update svg {
  409. width: 25px;
  410. height: 25px;
  411. }
  413. @media screen and (min-width: 280px) and (max-width: 375px) {
  415. body div.container div.bottom {
  416. gap: 5px;
  417. }
  419. body div.container div.bottom div.button span {
  420. font-size: 0.5em;
  421. }
  422. }
  423. </style>
  424. </head>
  426. <body>
  427. <div class="container-top">
  428. <div class="leftSide">
  430. </div>
  432. <div class="rightSide">
  433. <button class="checkuser">
  434. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person"
  435. viewBox="0 0 16 16">
  436. <path
  437. d="M8 8a3 3 0 1 0 0-6 3 3 0 0 0 0 6Zm2-3a2 2 0 1 1-4 0 2 2 0 0 1 4 0Zm4 8c0 1-1 1-1 1H3s-1 0-1-1 1-4 6-4 6 3 6 4Zm-1-.004c-.001-.246-.154-.986-.832-1.664C11.516 10.68 10.289 10 8 10c-2.29 0-3.516.68-4.168 1.332-.678.678-.83 1.418-.832 1.664h10Z" />
  438. </svg>
  439. </button>
  441. <button class="terms">
  442. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
  443. class="bi bi-file-earmark-medical" viewBox="0 0 16 16">
  444. <path
  445. d="M7.5 5.5a.5.5 0 0 0-1 0v.634l-.549-.317a.5.5 0 1 0-.5.866L6 7l-.549.317a.5.5 0 1 0 .5.866l.549-.317V8.5a.5.5 0 1 0 1 0v-.634l.549.317a.5.5 0 1 0 .5-.866L8 7l.549-.317a.5.5 0 1 0-.5-.866l-.549.317V5.5zm-2 4.5a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zm0 2a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5z" />
  446. <path
  447. 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" />
  448. </svg>
  449. </button>
  450. </div>
  451. </div>
  453. <div class="container">
  454. <div class="top">
  455. <button>
  456. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tags"
  457. viewBox="0 0 16 16">
  458. <path
  459. d="M3 2v4.586l7 7L14.586 9l-7-7H3zM2 2a1 1 0 0 1 1-1h4.586a1 1 0 0 1 .707.293l7 7a1 1 0 0 1 0 1.414l-4.586 4.586a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 2 6.586V2z" />
  460. <path
  461. d="M5.5 5a.5.5 0 1 1 0-1 .5.5 0 0 1 0 1zm0 1a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zM1 7.086a1 1 0 0 0 .293.707L8.75 15.25l-.043.043a1 1 0 0 1-1.414 0l-7-7A1 1 0 0 1 0 7.586V3a1 1 0 0 1 1-1v5.086z" />
  462. </svg>
  464. <span>VOCÊ SEM NA FRENTE E EU ATRÁS- Conectando você ao mundo!</span>
  465. </button>
  466. </div>
  468. <div class="bottom">
  469. <div class="button renew">
  470. <span>
  471. Renovar
  472. </span>
  474. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cash-coin"
  475. viewBox="0 0 16 16">
  476. <path fill-rule="evenodd" d="M11 15a4 4 0 1 0 0-8 4 4 0 0 0 0 8zm5-4a5 5 0 1 1-10 0 5 5 0 0 1 10 0z" />
  477. <path
  478. d="M9.438 11.944c.047.596.518 1.06 1.363 1.116v.44h.375v-.443c.875-.061 1.386-.529 1.386-1.207 0-.618-.39-.936-1.09-1.1l-.296-.07v-1.2c.376.043.614.248.671.532h.658c-.047-.575-.54-1.024-1.329-1.073V8.5h-.375v.45c-.747.073-1.255.522-1.255 1.158 0 .562.378.92 1.007 1.066l.248.061v1.272c-.384-.058-.639-.27-.696-.563h-.668zm1.36-1.354c-.369-.085-.569-.26-.569-.522 0-.294.216-.514.572-.578v1.1h-.003zm.432.746c.449.104.655.272.655.569 0 .339-.257.571-.709.614v-1.195l.054.012z" />
  479. <path
  480. d="M1 0a1 1 0 0 0-1 1v8a1 1 0 0 0 1 1h4.083c.058-.344.145-.678.258-1H3a2 2 0 0 0-2-2V3a2 2 0 0 0 2-2h10a2 2 0 0 0 2 2v3.528c.38.34.717.728 1 1.154V1a1 1 0 0 0-1-1H1z" />
  481. <path d="M9.998 5.083 10 5a2 2 0 1 0-3.132 1.65 5.982 5.982 0 0 1 3.13-1.567z" />
  482. </svg>
  483. </div>
  485. <div class="button tutorials">
  486. <span>
  487. LISTA IPTV
  488. </span>
  490. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-plus"
  491. viewBox="0 0 16 16">
  492. <path
  493. d="M7.396 11V5.001H6.209v2.44H3.687V5H2.5v6h1.187V8.43h2.522V11h1.187zM8.5 5.001V11h2.188c1.811 0 2.685-1.107 2.685-3.015 0-1.894-.86-2.984-2.684-2.984H8.5zm1.187.967h.843c1.112 0 1.622.686 1.622 2.04 0 1.353-.505 2.02-1.622 2.02h-.843v-4.06z" />
  494. <path
  495. d="M14 3a1 1 0 0 1 1 1v8a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h12zM2 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H2z" />
  496. </svg>
  497. </div>
  499. <div class="button update">
  500. <span>SPEEDTEST</span>
  502. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
  503. class="bi bi-exclamation-triangle" viewBox="0 0 16 16">
  504. <path fill-rule="evenodd"
  505. d="M0 0h1v15h15v1H0V0Zm14.817 3.113a.5.5 0 0 1 .07.704l-4.5 5.5a.5.5 0 0 1-.74.037L7.06 6.767l-3.656 5.027a.5.5 0 0 1-.808-.588l4-5.5a.5.5 0 0 1 .758-.06l2.609 2.61 4.15-5.073a.5.5 0 0 1 .704-.07Z" />
  506. </svg>
  507. </div>
  509. <div class="button apn">
  510. <span>Ajustes APN</span>
  512. <svg class="settings" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
  513. class="bi bi-gear-wide-connected" viewBox="0 0 16 16">
  514. <path
  515. d="M7.068.727c.243-.97 1.62-.97 1.864 0l.071.286a.96.96 0 0 0 1.622.434l.205-.211c.695-.719 1.888-.03 1.613.931l-.08.284a.96.96 0 0 0 1.187 1.187l.283-.081c.96-.275 1.65.918.931 1.613l-.211.205a.96.96 0 0 0 .434 1.622l.286.071c.97.243.97 1.62 0 1.864l-.286.071a.96.96 0 0 0-.434 1.622l.211.205c.719.695.03 1.888-.931 1.613l-.284-.08a.96.96 0 0 0-1.187 1.187l.081.283c.275.96-.918 1.65-1.613.931l-.205-.211a.96.96 0 0 0-1.622.434l-.071.286c-.243.97-1.62.97-1.864 0l-.071-.286a.96.96 0 0 0-1.622-.434l-.205.211c-.695.719-1.888.03-1.613-.931l.08-.284a.96.96 0 0 0-1.186-1.187l-.284.081c-.96.275-1.65-.918-.931-1.613l.211-.205a.96.96 0 0 0-.434-1.622l-.286-.071c-.97-.243-.97-1.62 0-1.864l.286-.071a.96.96 0 0 0 .434-1.622l-.211-.205c-.719-.695-.03-1.888.931-1.613l.284.08a.96.96 0 0 0 1.187-1.186l-.081-.284c-.275-.96.918-1.65 1.613-.931l.205.211a.96.96 0 0 0 1.622-.434l.071-.286zM12.973 8.5H8.25l-2.834 3.779A4.998 4.998 0 0 0 12.973 8.5zm0-1a4.998 4.998 0 0 0-7.557-3.779l2.834 3.78h4.723zM5.048 3.967c-.03.021-.058.043-.087.065l.087-.065zm-.431.355A4.984 4.984 0 0 0 3.002 8c0 1.455.622 2.765 1.615 3.678L7.375 8 4.617 4.322zm.344 7.646.087.065-.087-.065z" />
  516. </svg>
  517. </div>
  518. </div>
  519. </div>
  521. <script>
  522. const checkUser = document.querySelector('.checkuser')
  523. const register = document.querySelector('.terms')
  525. checkUser.addEventListener('click', (e) => {
  526. Android.showCheckUser()
  527. })
  529. register.addEventListener('click', (e) => {
  530. if (window?.DtStartWebViewActivity) {
  531. DtStartWebViewActivity.execute('URL_DO_TERMO_AQUI')
  532. } else {
  533. window.location.href = 'URL_DO_TERMO_AQUI'
  534. }
  535. })
  537. const bottomMainButton = document.querySelector('body div.container div.top button')
  539. bottomMainButton.addEventListener('click', (e) => {
  540. if (window?.DtStartWebViewActivity) {
  541. DtStartWebViewActivity.execute('URL_AQUI')
  542. } else {
  543. window.location.href = 'URL_AQUI'
  544. }
  545. })
  547. const renew = document.querySelector('.renew')
  548. const tutorials = document.querySelector('.tutorials')
  549. const update = document.querySelector('.update')
  550. const apn = document.querySelector('.apn')
  552. renew.addEventListener('click', (e) => {
  553. if (window?.DtStartWebViewActivity) {
  554. DtStartWebViewActivity.execute('https://digitalnetwork.website/renovar.php')
  555. } else {
  556. window.location.href = 'https://digitalnetwork.website/renovar.php'
  557. }
  558. })
  560. tutorials.addEventListener('click', (e) => {
  561. if (window?.DtStartWebViewActivity) {
  562. DtStartWebViewActivity.execute('http://asus7.com/smart/')
  563. } else {
  564. window.location.href = 'https://www.speedtest.net/'
  565. }
  566. })
  568. update.addEventListener('click', (e) => {
  569. if (window?.DtStartWebViewActivity) {
  570. DtStartWebViewActivity.execute('https://www.speedtest.net/')
  571. } else {
  572. window.location.href = 'https://speedtest.net'
  573. }
  574. })
  576. apn.addEventListener('click', (e) => {
  577. Android.startApnActivity();
  578. })
  579. </script>
  580. </body>
  582. </html>",
  583. "type":"HTML",
  584. "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
  585. },
  586. {
  587. "id":3824,
  588. "label":"PAGINA WEBVIEW (POR SUA CONTA E RISCO)",
  589. "name":"APP_WEB_VIEW",
  590. "type":"HTML",
  591. "value":null,
  592. "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
  593. }
  594. ]
  595. }
comments powered by Disqus