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: 12.2 kB

History Raw Download

HITS: 1510

Report
  1. {
  2. "status":200,
  3. "data":[
  4. {
  5. "id":3807,
  6. "label":"Nome do app",
  7. "name":"APP_NAME",
  8. "value": "",
  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.postimg.cc/13kbQyCR/download-1.png",
  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/dHdZFMb.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":false,
  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="en">
  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">
  191. <title>DuTra</title>
  192. <style>
  193. @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap');
  195. html,
  196. body {
  197. font-family: 'Roboto', sans-serif;
  198. margin: 0;
  199. padding: 0;
  200. box-sizing: border-box;
  201. }
  203. .container {
  204. display: flex;
  205. flex-direction: column;
  206. justify-content: center;
  207. align-items: center;
  208. height: 100vh;
  209. }
  211. .content {
  212. position: absolute;
  213. top: 4rem;
  214. display: flex;
  215. flex-direction: column;
  216. align-items: center;
  217. width: 98%;
  218. }
  220. .background {
  221. color: #FFF;
  222. padding: 0.4rem;
  223. border-radius: 50px;
  224. background: #00000080;
  225. box-shadow: 10px 5px 5px #000;
  226. }
  228. .d-flex {
  229. display: flex;
  230. justify-content: flex-end;
  231. align-items: center;
  232. }
  234. /* Estilo para as informações de download e upload */
  235. .download-upload-info {
  236. color: #FFF;
  237. font-size: 14px;
  238. margin-right: 10px;
  239. }
  241. /* Estilo para o balão de diálogo */
  242. .dialog-box {
  243. color: #FFF;
  244. background-color: rgba(0, 0, 0, 0.8);
  245. border-radius: 5px;
  246. padding: 5px 10px;
  247. margin-top: 5px;
  248. font-size: 14px;
  249. }
  251. img {
  252. height: 1.6rem;
  253. }
  255. /* Estilo para o hotsport */
  256. .switch-container {
  257. position: fixed;
  258. bottom: 150px;
  259. left: 50%;
  260. transform: translateX(-50%);
  261. display: flex;
  262. flex-direction: column;
  263. align-items: center;
  264. }
  266. .switch {
  267. display: block;
  268. width: 70px;
  269. height: 34px;
  270. position: relative;
  271. }
  273. .slider {
  274. position: absolute;
  275. cursor: pointer;
  276. background-color: #ccc;
  277. transition: 0.4s;
  278. border-radius: 34px;
  279. width: 100%;
  280. height: 100%;
  281. }
  283. .slider:before {
  284. position: absolute;
  285. content: "";
  286. height: 30px;
  287. width: 30px;
  288. left: 2px;
  289. top: 2px;
  290. background-color: white;
  291. transition: 0.4s;
  292. border-radius: 50%;
  293. }
  295. input:checked + .slider {
  296. background-color: #4caf50;
  297. }
  299. input:checked + .slider:before {
  300. transform: translateX(36px);
  301. }
  303. input {
  304. display: none;
  305. }
  307. .tooltip {
  308. position: fixed;
  309. display: flex;
  310. align-items: flex-end;
  311. justify-content: center;
  312. width: auto;
  313. max-width: 250px;
  314. background-color: rgba(0, 0, 0, 0.8);
  315. color: #FFF;
  316. border-radius: 5px;
  317. padding: 10px;
  318. font-size: 14px;
  319. text-align: center;
  320. bottom: 80px;
  321. left: 50%;
  322. transform: translateX(-50%);
  323. }
  325. </style>
  326. </head>
  328. <body>
  329. <div class="container">
  330. <div class="content">
  331. <div class="d-flex">
  332. <div class="download-upload-info" id="download">↑ ↓</div>
  333. <div class="dialog-box ip-info" id="ip">Local IP: 00</div>
  334. </div>
  335. <div class="d-flex">
  336. <div class="switch-container">
  337. <label class="switch">
  338. <input type="checkbox" id="toggleHotSpot">
  339. <span class="slider"></span>
  340. </label>
  341. </div>
  342. <div class="tooltip">
  343. <p>ON/OFF ROTEAMENTO PROXY</p>
  344. </div>
  345. </div>
  346. </div>
  347. </div>
  349. <script>
  350. function showLocalIP(android) {
  351. console.log(android.getNetworkName());
  352. document.getElementById('ip').innerHTML = `Local IP: ${android.getLocalIP()}`;
  354. setInterval(() => {
  355. document.getElementById('ip').innerHTML = `Local IP: ${android.getLocalIP()}`;
  356. }, 2000);
  357. }
  359. window.onload = function () {
  360. const android = window.Android || AndroidMock;
  361. showLocalIP(android);
  363. setInterval(() => {
  364. const downloadSpeed = Math.floor(Math.random() * 1000);
  365. const uploadSpeed = Math.floor(Math.random() * 1000);
  366. document.getElementById('download').innerHTML = `↑ ${downloadSpeed} KB/s ↓ ${uploadSpeed} KB/s`;
  367. }, 3000);
  368. }
  370. class AndroidMock {
  371. static getNetworkName() {
  372. return 'TIM';
  373. }
  374. static getLocalIP() {
  375. return '192.168.0.1';
  376. }
  377. };
  379. const toggleHotSpot = document.getElementById('toggleHotSpot');
  381. toggleHotSpot.addEventListener('change', () => {
  382. if (toggleHotSpot.checked) {
  383. window?.DtStartHotSpotService?.execute();
  384. iconHotSpotOn.style.display = 'block';
  385. iconHotSpotOff.style.display = 'none';
  386. } else {
  387. window?.DtStopHotSpotService?.execute();
  388. iconHotSpotOff.style.display = 'block';
  389. iconHotSpotOn.style.display = 'none';
  390. }
  391. });
  392. </script>
  393. </body>
  395. </html>",
  396. "type":"HTML",
  397. "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
  398. },
  399. {
  400. "id":3824,
  401. "label":"PAGINA WEBVIEW (POR SUA CONTA E RISCO)",
  402. "name":"APP_WEB_VIEW",
  403. "type":"HTML",
  404. "value":null,
  405. "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
  406. }
  407. ]
  408. }
comments powered by Disqus