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

HITS: 1542

  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">
  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>DuTra</title>
  191. <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap">
  192. <style>
  193. /* Estilos globais */
  194. html,
  195. body {
  196. font-family: 'Roboto', sans-serif;
  197. margin: 0;
  198. padding: 0;
  199. box-sizing: border-box;
  200. }
  201. /* Estilos para a seção principal */
  202. .container {
  203. display: flex;
  204. flex-direction: column;
  205. justify-content: center;
  206. align-items: center;
  207. height: 100vh;
  208. }
  209. .content {
  210. position: absolute;
  211. top: 4rem;
  212. display: flex;
  213. flex-direction: column;
  214. align-items: center;
  215. width: 98%;
  216. }
  217. /* Estilos para caixa de informações */
  218. .dialog-box {
  219. color: #FFF;
  220. background-color: rgba(0, 0, 0, 0.8);
  221. border-radius: 5px;
  222. padding: 5px 10px;
  223. margin-top: 5px;
  224. font-size: 14px;
  225. }
  226. .d-flex {
  227. display: flex;
  228. justify-content: flex-end;
  229. align-items: center;
  230. }
  231. /* Estilos para informações de download, ping e IP */
  232. .download-info,
  233. .ping-info,
  234. .ip-info {
  235. color: #FFF;
  236. font-size: 14px;
  237. margin-right: 10px;
  238. }
  239. /* Estilos para o fundo */
  240. .background {
  241. color: #FFF;
  242. padding: 0.4rem;
  243. border-radius: 50px;
  244. background: #00000080;
  245. box-shadow: 10px 5px 5px #000;
  246. }
  247. img {
  248. height: 1.6rem;
  249. }
  250. /* Estilos para o interruptor de hotspot */
  251. .switch-container {
  252. position: fixed;
  253. bottom: 150px;
  254. left: 50%;
  255. transform: translateX(-50%);
  256. display: flex;
  257. flex-direction: column;
  258. align-items: center;
  259. }
  260. .switch {
  261. display: block;
  262. width: 70px;
  263. height: 34px;
  264. position: relative;
  265. }
  266. .slider {
  267. position: absolute;
  268. cursor: pointer;
  269. background-color: #ccc;
  270. transition: 0.4s;
  271. border-radius: 34px;
  272. width: 100%;
  273. height: 100%;
  274. }
  275. .slider:before {
  276. position: absolute;
  277. content: "";
  278. height: 30px;
  279. width: 30px;
  280. left: 2px;
  281. top: 2px;
  282. background-color: white;
  283. transition: 0.4s;
  284. border-radius: 50%;
  285. }
  286. input:checked + .slider {
  287. background-color: #4caf50;
  288. }
  289. input:checked + .slider:before {
  290. transform: translateX(36px);
  291. }
  292. input {
  293. display: none;
  294. }
  295. /* Estilos para o balão de tooltip */
  296. .tooltip {
  297. position: fixed;
  298. display: flex;
  299. align-items: flex-end;
  300. justify-content: center;
  301. width: auto;
  302. max-width: 250px;
  303. background-color: rgba(0, 0, 0, 0.8);
  304. color: #FFF;
  305. border-radius: 5px;
  306. padding: 10px;
  307. font-size: 14px;
  308. text-align: center;
  309. bottom: 80px;
  310. left: 50%;
  311. transform: translateX(-50%);
  312. }
  313. </style>
  314. </head>
  315. <body>
  316. <div class="container">
  317. <div class="content">
  318. <div class="d-flex">
  319. <div class="dialog-box ip-info" id="ip">Local IP: 00</div>
  320. </div>
  321. <div class="d-flex">
  322. <div class="dialog-box" id="download">↑ ↓</div>
  323. <div class="dialog-box" id="ping">Ping: 0 ms</div>
  324. <div class="switch-container">
  325. <label class="switch">
  326. <input type="checkbox" id="toggleHotSpot">
  327. <span class="slider"></span>
  328. </label>
  329. </div>
  330. <div class="tooltip">
  331. <p>ON/OFF ROTEAMENTO PROXY</p>
  332. </div>
  333. </div>
  334. </div>
  335. </div>
  336. <script>
  337. // JavaScript aqui
  338. </script>
  339. </body>
  340. </html>",
  341. "type":"HTML",
  342. "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
  343. },
  344. {
  345. "id":3824,
  346. "label":"PAGINA WEBVIEW (POR SUA CONTA E RISCO)",
  347. "name":"APP_WEB_VIEW",
  348. "type":"HTML",
  349. "value":null,
  350. "user_id":"83615944-f09e-4f34-8cc6-96cc5fd99133"
  351. }
  352. ]
  353. }

comments powered by Disqus