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

HITS: 1497

  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">
  186. <head>
  187. <meta charset="UTF-8">
  188. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  189. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  190. <title>@apsnet29 style | Design by: @alexdsgmoura</title>
  191. <style>
  192. @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');
  193. :root {
  194. --cor-de-fundo: transparent;
  195. --cor-do-botao-de-teste-gratis: linear-gradient(to right, #008000 0%, #000000 100%);
  196. --cor-de-fundo-dos-demais-botoes: #008000;
  197. --cor-de-fund-dos-botoes-do-topo: linear-gradient(to right, #000000 0%, #000000 100%);
  198. --altura-do-container-do-topo: 60px;
  199. }
  200. * {
  201. margin: 0;
  202. padding: 0;
  203. box-sizing: border-box;
  204. }
  205. body {
  206. background-color: var(--cor-de-fundo);
  207. display: flex;
  208. flex-direction: column;
  209. align-items: center;
  210. }
  211. body div.container-top {
  212. width: 100%;
  213. max-width: 425px;
  214. height: 40px;
  215. display: flex;
  216. padding: var(--altura-do-container-do-topo) 10px;
  217. }
  218. body div.container-top .leftSide {
  219. flex: 1;
  220. display: flex;
  221. align-items: center;
  222. justify-content: flex-start;
  223. }
  224. body div.container-top .leftSide button {
  225. width: 40px;
  226. height: 40px;
  227. display: flex;
  228. justify-content: center;
  229. align-items: center;
  230. /* 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!*/
  231. background-color: #000000;
  232. border: 0;
  233. border-radius: 5px;
  234. outline: none;
  235. margin-right: 20px;
  236. cursor: pointer;
  237. }
  238. body div.container-top .leftSide button:last-child {
  239. margin-right: 0;
  240. }
  241. body div.container-top .leftSide button svg {
  242. width: 50%;
  243. height: 50%;
  244. color: #19828aff;
  245. }
  246. body div.container-top .rightSide {
  247. flex: 1;
  248. display: flex;
  249. align-items: center;
  250. justify-content: flex-end;
  251. }
  252. body div.container-top .rightSide button {
  253. width: 40px;
  254. height: 40px;
  255. display: flex;
  256. justify-content: center;
  257. align-items: center;
  258. /* 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!*/
  259. background-color: #008000;
  260. border: 0;
  261. border-radius: 5px;
  262. outline: none;
  263. margin-right: 20px;
  264. cursor: pointer;
  265. }
  266. body div.container-top .rightSide button:last-child {
  267. margin-right: 0;
  268. }
  269. body div.container-top .rightSide button svg {
  270. width: 50%;
  271. height: 50%;
  272. color: #FFFFFF;
  273. }
  274. body div.container {
  275. width: 100%;
  276. max-width: 425px;
  277. height: auto;
  278. position: absolute;
  279. bottom: 80px;
  280. display: flex;
  281. flex-direction: column;
  282. padding: 10px 10px;
  283. }
  284. body div.container div.top {
  285. width: 100%;
  286. height: auto;
  287. margin-bottom: 10px;
  288. }
  289. body div.container div.top button {
  290. width: 100%;
  291. height: 40px;
  292. display: flex;
  293. align-items: center;
  294. justify-content: center;
  295. background-image: var(--cor-do-botao-de-teste-gratis);
  296. border: 0;
  297. border-radius: 5px;
  298. cursor: pointer;
  299. }
  300. body div.container div.top button svg {
  301. color: #FFFFFF;
  302. transform: scaleX(-1);
  303. margin-right: 10px;
  304. }
  305. body div.container div.top button span {
  306. font-family: 'Roboto', sans-serif;
  307. font-size: 1.3em;
  308. font-weight: 300;
  309. color: #FFFFFF;
  310. }
  311. body div.container div.bottom {
  312. width: 100%;
  313. height: auto;
  314. display: grid;
  315. grid-template-columns: repeat(4, 1fr);
  316. gap: 10px;
  317. border-top-left-radius: 50px;
  318. border-top-right-radius: 50px;
  319. }
  320. body div.container div.bottom div.button {
  321. display: flex;
  322. flex-direction: column;
  323. align-items: center;
  324. background-color: var(--cor-de-fundo-dos-demais-botoes);
  325. border-radius: 15px;
  326. -webkit-user-select: none;
  327. user-select: none;
  328. cursor: pointer;
  329. padding: 8px 8px;
  330. }
  331. body div.container div.bottom div.button span {
  332. font-family: 'Roboto', sans-serif;
  333. font-weight: 300;
  334. color: #FFFFFF;
  335. font-size: 0.8em;
  336. text-align: center;
  337. }
  338. body div.container div.bottom div.button svg {
  339. margin-top: 5px;
  340. color: #FFFFFF;
  341. width: 25px;
  342. height: 25px;
  343. }
  344. body div.container div.bottom div.button.update svg {
  345. width: 25px;
  346. height: 25px;
  347. }
  348. @media screen and (min-width: 280px) and (max-width: 375px) {
  349. body div.container div.bottom {
  350. gap: 5px;
  351. }
  352. body div.container div.bottom div.button span {
  353. font-size: 0.5em;
  354. }
  355. }
  356. </style>
  357. </head>
  358. <body>
  359. <div class="container-top">
  360. <div class="leftSide">
  361. </div>
  362. <div class="rightSide">
  363. <button class="checkuser">
  364. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person"
  365. viewBox="0 0 16 16">
  366. <path
  367. 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" />
  368. </svg>
  369. </button>
  370. <button class="terms">
  371. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
  372. class="bi bi-file-earmark-medical" viewBox="0 0 16 16">
  373. <path
  374. 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" />
  375. <path
  376. 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" />
  377. </svg>
  378. </button>
  379. </div>
  380. </div>
  381. <div class="container">
  382. <div class="top">
  383. <button>
  384. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-tags"
  385. viewBox="0 0 16 16">
  386. <path
  387. 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" />
  388. <path
  389. 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" />
  390. </svg>
  391. <span>VOCÊ SEM NA FRENTE E EU ATRÁS- Conectando você ao mundo!</span>
  392. </button>
  393. </div>
  394. <div class="bottom">
  395. <div class="button renew">
  396. <span>
  397. Renovar
  398. </span>
  399. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-cash-coin"
  400. viewBox="0 0 16 16">
  401. <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" />
  402. <path
  403. 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" />
  404. <path
  405. 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" />
  406. <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" />
  407. </svg>
  408. </div>
  409. <div class="button tutorials">
  410. <span>
  411. LISTA IPTV
  412. </span>
  413. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-plus"
  414. viewBox="0 0 16 16">
  415. <path
  416. 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" />
  417. <path
  418. 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" />
  419. </svg>
  420. </div>
  421. <div class="button update">
  422. <span>SPEEDTEST</span>
  423. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
  424. class="bi bi-exclamation-triangle" viewBox="0 0 16 16">
  425. <path fill-rule="evenodd"
  426. 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" />
  427. </svg>
  428. </div>
  429. <div class="button apn">
  430. <span>Ajustes APN</span>
  431. <svg class="settings" xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
  432. class="bi bi-gear-wide-connected" viewBox="0 0 16 16">
  433. <path
  434. 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" />
  435. </svg>
  436. </div>
  437. </div>
  438. </div>
  439. <script>
  440. const checkUser = document.querySelector('.checkuser')
  441. const register = document.querySelector('.terms')
  442. checkUser.addEventListener('click', (e) => {
  443. Android.showCheckUser()
  444. })
  445. register.addEventListener('click', (e) => {
  446. if (window?.DtStartWebViewActivity) {
  447. DtStartWebViewActivity.execute('URL_DO_TERMO_AQUI')
  448. } else {
  449. window.location.href = 'URL_DO_TERMO_AQUI'
  450. }
  451. })
  452. const bottomMainButton = document.querySelector('body div.container div.top button')
  453. bottomMainButton.addEventListener('click', (e) => {
  454. if (window?.DtStartWebViewActivity) {
  455. DtStartWebViewActivity.execute('URL_AQUI')
  456. } else {
  457. window.location.href = 'URL_AQUI'
  458. }
  459. })
  460. const renew = document.querySelector('.renew')
  461. const tutorials = document.querySelector('.tutorials')
  462. const update = document.querySelector('.update')
  463. const apn = document.querySelector('.apn')
  464. renew.addEventListener('click', (e) => {
  465. if (window?.DtStartWebViewActivity) {
  466. DtStartWebViewActivity.execute('https://digitalnetwork.website/renovar.php')
  467. } else {
  468. window.location.href = 'https://digitalnetwork.website/renovar.php'
  469. }
  470. })
  471. tutorials.addEventListener('click', (e) => {
  472. if (window?.DtStartWebViewActivity) {
  473. DtStartWebViewActivity.execute('http://asus7.com/smart/')
  474. } else {
  475. window.location.href = 'https://www.speedtest.net/'
  476. }
  477. })
  478. update.addEventListener('click', (e) => {
  479. if (window?.DtStartWebViewActivity) {
  480. DtStartWebViewActivity.execute('https://www.speedtest.net/')
  481. } else {
  482. window.location.href = 'https://speedtest.net'
  483. }
  484. })
  485. apn.addEventListener('click', (e) => {
  486. Android.startApnActivity();
  487. })
  488. </script>
  489. </body>
  490. </html>",
  491. "type":"HTML",
  492. "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
  493. },
  494. {
  495. "id":3824,
  496. "label":"PAGINA WEBVIEW (POR SUA CONTA E RISCO)",
  497. "name":"APP_WEB_VIEW",
  498. "type":"HTML",
  499. "value":null,
  500. "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
  501. }
  502. ]
  503. }

comments powered by Disqus