MeuHTML

SUBMITTED BY: appcass

DATE: Sept. 13, 2023, 2:13 a.m.

UPDATED: Sept. 13, 2023, 8:02 p.m.

FORMAT: Text only

SIZE: 24.7 kB

History Raw Download

HITS: 934

Report
  1. <!DOCTYPE html>
  2. <html lang="pt-BR">
  4. <head>
  5. <meta charset="UTF-8" />
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7. <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  9. <title>ULKTunnel</title>
  11. <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/toastify-js/src/toastify.min.css">
  12. <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet"
  13. integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous">
  14. <script type="text/javascript"
  15. src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"
  16. integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe"
  17. crossorigin="anonymous"></script>
  19. <style>
  20. @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');
  22. * {
  23. margin: 0;
  24. padding: 0;
  25. box-sizing: border-box;
  26. font-family: 'Roboto', sans-serif;
  27. }
  29. body {
  30. height: 100vh;
  31. display: flex;
  32. flex-direction: column;
  33. align-items: center;
  34. justify-content: center;
  35. background-image: url("https://i.imgur.com/BFL4F9l.jpg"); /* Substitua pelo seu fundo*/
  36. background-size: cover;
  37. background-repeat: no-repeat;
  38. background-position: center;
  39. }
  40. .logo-container {
  41. display: flex;
  42. justify-content: center;
  43. }
  45. .logo-container img {
  46. /* Tamanho da logo */
  47. width: 250px;
  48. height: 250px;
  49. }
  51. .container {
  52. height: 100%;
  53. display: flex;
  54. flex-direction: column;
  55. justify-content: center;
  56. max-width: 450px;
  57. }
  59. .card2 {
  60. border-radius: 20px;
  61. margin: 10px 50px 0 50px;
  62. background-color: #0000005c;
  63. border: none;
  64. font-size: 20px;
  65. }
  67. .card {
  68. background-color: #0000005c;
  69. }
  74. .btn-light {
  75. background-color: #00000000 !important;
  76. color: #FFF;
  77. border: 1px solid #FFF; /* Adiciona a borda branca */
  78. border-radius: 20px;
  79. outline: none;
  80. margin-top: 5px;
  81. }
  82. .btn-menu {
  83. background-color: #2b2b2b !important;
  84. color: #FFF;
  85. border: 1px solid #FFF; /* Adiciona a borda branca */
  86. border-radius: 20px;
  87. outline: none;
  88. margin: 5px;
  89. }
  90. .modal-content {
  91. background-color: #0000005c;
  92. }
  94. .input-group,
  95. .form-control,
  96. .input-group-text {
  97. background-color: #00000000 !important;
  98. color: #FFF;
  99. border: 1px solid #FFF; /* Adiciona a borda branca */
  100. border-radius: 20px;
  101. outline: none;
  102. }
  103. .input-group-noborder {
  104. background-color: #00000000 !important;
  105. color: #fff;
  106. position:relative;
  107. top:4px ;
  108. padding: 0;
  109. border: none; /* Adiciona a borda branca */
  110. outline: none;
  111. }
  114. .form-control::placeholder {
  115. color: #FFF;
  116. }
  118. .form-control:focus {
  119. color: #FFF;
  120. outline: none;
  121. box-shadow: none;
  122. }
  123. .custom-card {
  124. background-color: #2a2828;
  125. border-radius: 10px;
  126. color: whitesmoke;
  127. padding: 3px;
  128. margin-bottom: 4px;
  129. }
  131. .transparent-btn {
  132. background-color: transparent;
  133. color: white;
  134. border: 2px solid white;
  135. border-radius: 0;
  136. padding: 10px 15px;
  137. cursor: pointer;
  138. }
  139. </style>
  140. </head>
  141. <body>
  145. <div class="container">
  148. <div class="logo-container">
  149. <!--Link da logo-->
  150. <img src="https://i.imgur.com/u0YW2td.png" alt="Logo do App">
  151. </div>
  152. <div class="card border-0 p-2 shadow mb-3">
  155. <div class="mb-2 shadow" id="config-area">
  156. <button type="button" id="btnmodal" class="form-control" data-bs-toggle="modal" data-bs-target="#servers">
  157. <label>Selecione uma Conexão</label>
  158. </button>
  159. </div>
  161. <div class=" mb-2 form-control shadow">
  162. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
  163. class="bi bi-person" viewBox="0 0 16 16">
  164. <path
  165. 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" />
  166. </svg>
  167. <input class="input-group-noborder" type="text" placeholder="usuario" id="username"/>
  168. </div>
  170. <div class="mb-2 form-control shadow">
  171. <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-key"
  172. viewBox="0 0 16 16">
  173. <path
  174. 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" />
  175. <path d="M4 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0z" />
  176. </svg>
  177. <input class="input-group-noborder"type="password" placeholder="senha" id="password" />
  178. </div>
  181. <div class="d-flex justify-content-between">
  183. <button class="btn btn-light w-100 shadow " onclick="Connect();" id="connect">INICIAR</button>
  185. <button class="btn btn-light shadow mr-3" id="sync" style="margin-left: 3px;" onclick="Update()" >
  186. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-repeat" viewBox="0 0 16 16">
  187. <path d="M11.534 7h3.932a.25.25 0 0 1 .192.41l-1.966 2.36a.25.25 0 0 1-.384 0l-1.966-2.36a.25.25 0 0 1 .192-.41zm-11 2h3.932a.25.25 0 0 0 .192-.41L2.692 6.23a.25.25 0 0 0-.384 0L.342 8.59A.25.25 0 0 0 .534 9z"/>
  188. <path fill-rule="evenodd" d="M8 3c-1.552 0-2.94.707-3.857 1.818a.5.5 0 1 1-.771-.636A6.002 6.002 0 0 1 13.917 7H12.9A5.002 5.002 0 0 0 8 3zM3.1 9a5.002 5.002 0 0 0 8.757 2.182.5.5 0 1 1 .771.636A6.002 6.002 0 0 1 2.083 9H3.1z"/>
  189. </svg>
  190. </button>
  191. <button class="btn btn-light shadow mr-3" onclick="Android.logsstart();" id="logger" style="margin-left: 3px;">
  192. <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-file-earmark-text" viewBox="0 0 16 16">
  193. <path d="M5.5 7a.5.5 0 0 0 0 1h5a.5.5 0 0 0 0-1h-5zM5 9.5a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5zm0 2a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5z"/>
  194. <path d="M9.5 0H4a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4.5L9.5 0zm0 1v2A1.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.5z"/>
  195. </svg>
  196. </button>
  198. </div>
  200. <button onclick="ToolsModal.show()" class="mt-2 form-control shadow">Mais</button>
  204. </div>
  207. <div class="card my-3 w-100 text-center border-0 p-2 shadow fs-5 text-uppercase fw-bold" id="info"></div>
  208. <div id="checkuserDiv" class="text centered-div">
  209. </div>
  210. </div>
  212. </div>
  214. <div class="tool webm modal fade" index="-1" id="ToolsModal">
  215. <div class="modal-dialog modal-dialog-centered" role="document">
  218. <div class="modal-content">
  219. <div class="tool modal-header">
  220. <h5 class="modal-title" style="color:#ffffff;">FERRAMENTAS</h5>
  221. </div>
  224. <button class="btn btn-menu shadow" onclick="Android.abrirapn()">Abrir Apn</button>
  226. <button class="btn btn-menu shadow" onclick="Android.forcarlte()"> forçar 3g/4g/5g</button>
  228. <button class="btn btn-menu shadow" onclick="Android.abrircom('https://t.me/ExemploBot')">Link de contato</button>
  230. <button class="btn btn-menu shadow" onclick="Android.otimizacaodebatery()">Desativar otimização de bateria</button>
  232. <div class="tool modal-footer">
  233. <button type="button" class="btn btn-primary" data-bs-dismiss="modal" style="background-color: var(--btn-modal);">FECHAR</button>
  234. </div>
  235. </div>
  236. </div>
  237. </div>
  238. <div class="modal fade" tabindex="-1" role="dialog" id="servers">
  239. <div class="modal-dialog modal-dialog-centered" role="document">
  240. <div class="modal-content rounded-3 shadow">
  241. <div class="modal-header border-bottom-0 pb-0">
  242. <h1 class="modal-title fs-5 text-white">CONFIGURAÇÕES</h1>
  243. <button type="button" class="btn-close btn-close-white" data-bs-dismiss="modal"
  244. aria-label="Close"></button>
  245. </div>
  246. <div class="modal-body">
  248. <div class="modal-body">
  249. <h5 class="text-white">Selecione uma conexão:</h5>
  251. <div class="card-columns" id="serverOptions"></div>
  254. </div>
  257. </div>
  258. </div>
  259. </div>
  261. <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/toastify-js"></script>
  262. <script>
  267. const logoImg = document.getElementById("logoImg");
  268. const configModalButton = document.getElementById("configModalButton");
  269. const user = document.getElementById("user");
  270. const pass = document.getElementById("password");
  271. const startOrStopButton = document.getElementById("startOrStopButton");
  272. const updateButton = document.getElementById("updateButton");
  273. const loggerButton = document.getElementById("loggerButton");
  274. const state = document.getElementById("state");
  276. const operadora = document.getElementById("Operadora");
  278. operadora.innerHTML = "Operadora: " + app.getOperadoraEmUso();
  279. // setTema();
  281. const version = document.getElementById("Version");
  283. version.innerHTML = "Versão da config: " + app.getVersion();
  285. function loadLogs() {
  286. var logList = document.getElementById("logList");
  287. var logs = JSON.parse(app.getlogs())
  289. var formattedLogs = '';
  290. logs.forEach(item => {
  291. formattedLogs += '<li class="list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap" style="font-size: 12px; color: var(--text-color);">';
  292. formattedLogs += item.TIME;
  293. formattedLogs += '</li>';
  294. });
  296. logList.innerHTML = '<ul class="list-group">' + formattedLogs + '</ul>';
  297. }
  298. var modal = new bootstrap.Modal(document.getElementById('configModal'));
  300. const serverOptions = document.getElementById('serverOptions');
  301. var servers = JSON.parse(app.getJsonServers());
  305. function createServerCard(server) {
  306. const card = document.createElement('div');
  307. card.classList.add('set-configs');
  308. card.style.backgroundColor = server.ConfigColor;
  311. var configImage = document.createElement('img');
  312. configImage.src = server.ConfigImage;
  314. const cardBody = document.createElement('div');
  315. cardBody.classList.add('card-body');
  317. const cardTitle = document.createElement('h5');
  318. cardTitle.classList.add('card-title');
  320. const configName = document.createElement('span');
  321. configName.textContent = server.ConfigName;
  322. cardTitle.appendChild(configImage);
  323. cardTitle.appendChild(configName);
  326. cardBody.appendChild(cardTitle);
  329. card.appendChild(cardBody);
  331. card.addEventListener('click', function () {
  332. selectServer(server);
  333. });
  335. return card;
  336. }
  339. function selectServer(server) {
  341. configModalButton.value = server.ConfigName;
  342. app.returnConfigId(server.ConfigId);
  344. localStorage.setItem('configSelecionada', JSON.stringify(server));
  346. modal.hide();
  347. }
  350. servers.forEach(function (server) {
  351. const card = createServerCard(server);
  352. serverOptions.appendChild(card);
  353. });
  357. function startOrStop() {
  358. if (user.value != "" && pass.value != "") {
  359. localStorage.setItem('usuario', user.value);
  360. localStorage.setItem('senha', pass.value);
  361. app.setUserAndPass(user.value, pass.value);
  362. }
  364. app.startOrStop();
  367. }
  370. var previousLogs = [];
  372. function checkAndLoadLogs() {
  373. var logs = JSON.parse(app.getlogs());
  375. if (!arraysAreEqual(logs, previousLogs)) {
  376. previousLogs = logs;
  377. loadLogs();
  378. }
  379. }
  383. function arraysAreEqual(arr1, arr2) {
  384. if (arr1.length !== arr2.length) {
  385. return false;
  386. }
  388. for (var i = 0; i < arr1.length; i++) {
  389. if (arr1[i].TIME !== arr2[i].TIME) {
  390. return false;
  391. }
  392. }
  394. return true;
  395. }
  397. async function startCheckuser() {
  398. try {
  399. const dataString = await app.getCheckuserDados();
  401. console.log("CHECKUSER: " + dataString);
  403. if (dataString !== "null") {
  404. const data = JSON.parse(dataString);
  406. var myModal = new bootstrap.Modal(document.getElementById('checkuserModal'));
  407. myModal.show();
  409. const strCheckValidade =
  410. `Usuario: <span style="color: green;">${data.username}</span><br/>
  411. Expira em: <span style="color: green;">${data.expiration_date}</span><br/>
  412. Dias Restantes: <span style="color: green;">${data.expiration_days}</span><br/>
  413. Conectados: <span style="color: green;">${data.count_connection} / ${data.limiter_user}</span>`;
  415. document.getElementById('checkuser').innerHTML = strCheckValidade;
  416. }
  417. } catch (error) {
  418. console.error("Erro ao buscar dados do usuário:", error);
  419. }
  420. }
  422. var previousState = null;
  425. function updateState() {
  426. var currentState = app.getState();
  428. if (currentState !== previousState) {
  430. if (currentState == "Conectado") {
  431. state.innerHTML = "<span style='color: green;'>"+ currentState +"</span>";
  432. startCheckuser();
  433. startOrStopButton.innerText = "Parar VPN"
  434. } else if (currentState == "Iniciando" || currentState == "Autenticando" || currentState == "Conectando") {
  435. state.innerHTML = "<span style='color: orange;'>" + currentState + "</span>";
  436. startOrStopButton.innerText = "Parar VPN"
  437. } else if (currentState == "Reconectando" || currentState == "Desconectado") {
  438. state.innerHTML = "<span style='color: red;'>" + currentState + "</span>";
  439. } else {
  440. state.innerHTML = "<span style='color: orange;'>" + currentState + "</span>";
  441. startOrStopButton.innerText = "Iniciar VPN"
  442. }
  444. previousState = currentState;
  445. }
  447. }
  449. setInterval(function() {
  450. updateState();
  451. checkAndLoadLogs();
  452. }, 0);
  455. logoImg.src = app.getLogoUrl();
  456. document.body.style.backgroundImage = `url('${app.getBackUrl()}')`;
  457. document.body.style.backgroundSize = 'cover';
  458. document.body.style.backgroundRepeat = 'no-repeat';
  459. document.body.style.backgroundPosition = 'center';
  461. document.addEventListener("DOMContentLoaded", function () {
  462. // Verificar se há usuário e senha salvos no localStorage
  463. const usuarioSalvo = localStorage.getItem('usuario');
  464. const senhaSalva = localStorage.getItem('senha');
  466. const configSalva = localStorage.getItem('configSelecionada');
  468. if (configSalva) {
  469. const configSelecionada = JSON.parse(configSalva);
  471. // Atualize a interface do usuário com a configuração salva
  472. configModalButton.value = configSelecionada.ConfigName;
  473. // Você pode fazer outras ações relacionadas à configuração aqui, se necessário
  474. }
  476. if (usuarioSalvo && senhaSalva) {
  477. // Preencher os campos de usuário e senha com os valores salvos
  478. user.value = usuarioSalvo;
  479. pass.value = senhaSalva;
  480. }
  481. });
  487. const ToolsModal = new bootstrap.Modal(document.querySelector('#ToolsModal'))
  489. function getBackgroundImage() {
  490. return Android.linkDaImagem();
  491. }
  496. function consultaValidade() {
  499. fetch(checkuserUrl)
  500. .then(response => response.json())
  501. .then(data => {
  503. setTimeout(() => {
  505. // Formatação da data
  506. const dataParts = data.expira_em.split('/');
  507. const dataFormatada = `${dataParts[0]}/${dataParts[1]}/${dataParts[2]}`;
  509. // Montagem da string para exibição
  510. const strCheckValidade =
  511. `Usuario: <span style="color: green;">${data.usuario}</span><br/>
  512. Expira em: <span style="color: green;">${dataFormatada}</span><br/>
  513. Dias Restantes: <span style="color: green;">${data.dias_restantes}</span><br/>
  514. Conectados: <span style="color: green;">${data.conectados} / ${data.limite}</span>`;
  516. // Injeção da string na div
  517. checkuserDiv.innerHTML = strCheckValidade;
  518. }, "2000");
  521. })
  522. .catch(err => {
  523. // Imprimindo o erro no console
  524. console.log(err);
  525. });
  530. }
  538. // Função para salvar a configuração selecionada
  539. function saveSelectedConfig(server) {
  540. localStorage.setItem('selectedConfig', JSON.stringify(server));
  541. }
  543. // Função para obter a configuração selecionada armazenada
  544. function getSelectedConfig() {
  545. var selectedConfig = localStorage.getItem('selectedConfig');
  546. if (selectedConfig) {
  547. return JSON.parse(selectedConfig);
  548. }
  549. return null;
  550. }
  552. // Função para configurar a configuração selecionada
  553. function setupSelectedConfig() {
  554. var selectedConfig = getSelectedConfig();
  555. if (selectedConfig) {
  556. // Configurar a configuração selecionada como desejado
  557. // Exemplo: selecionar o servidor correspondente na interface
  558. selectServer(selectedConfig);
  559. }
  560. }
  564. // Função para salvar o usuário e a senha
  565. function saveUserAndPass() {
  566. var user = document.getElementById('username');
  567. var pass = document.getElementById('password');
  569. var userData = {
  570. username: user.value,
  571. password: pass.value
  572. };
  573. localStorage.setItem('userData', JSON.stringify(userData));
  574. }
  576. // Função para recuperar o usuário e a senha salvos
  577. function getUserAndPass() {
  578. var userData = localStorage.getItem('userData');
  579. if (userData) {
  580. return JSON.parse(userData);
  581. }
  582. return null;
  583. }
  585. // Função para configurar o usuário e a senha nos campos de entrada
  586. function setupUserAndPass() {
  587. var user = document.getElementById('username');
  588. var pass = document.getElementById('password');
  590. var userData = getUserAndPass();
  591. if (userData) {
  592. user.value = userData.username;
  593. pass.value = userData.password;
  594. }
  595. }
  600. function createServerCard(server) {
  601. var card = document.createElement('div');
  602. card.classList.add('custom-card');
  603. var cardBody = document.createElement('div');
  604. cardBody.classList.add('card-body');
  606. var cardTitle = document.createElement('h5');
  607. cardTitle.classList.add('card-title');
  609. var configImage = document.createElement('img');
  610. configImage.src = Android.aestotext(server.FLAG); // Substitua 'URL_DA_IMAGEM' pelo URL correto da imagem
  611. configImage.alt = 'Config Image';
  612. configImage.classList.add('config-image');
  613. configImage.style.width = '50px'; // Defina o tamanho da largura desejada
  614. configImage.style.height = '50px'; // Defina o tamanho da altura desejada
  615. configImage.style.marginRight = '10px';
  616. cardTitle.appendChild(configImage);
  618. var configName = document.createElement('span');
  619. configName.textContent = Android.aestotext(server.Name);
  620. cardTitle.appendChild(configName);
  622. var cardText = document.createElement('p');
  623. cardText.classList.add('card-text');
  624. cardText.textContent = server.Description;
  626. cardBody.addEventListener('click', function() {
  627. selectServer(server);
  628. saveSelectedConfig(server);
  629. });
  631. cardBody.appendChild(cardTitle);
  632. cardBody.appendChild(cardText);
  633. card.appendChild(cardBody);
  634. serverOptions.appendChild(card);
  635. }
  637. function selectServer(server) {
  638. var serverData = {
  639. servername: Android.aestotext(server.Name),
  640. serverip: server.ServerIP,
  641. checkuser: server.URLCheckuser,
  642. serverport: server.ServerPort,
  643. sslport: server.SSLPort,
  644. proxyip: server.ProxyIP,
  645. proxyport: server.ProxyPort,
  646. payload: server.Payload,
  647. sni: server.SNI,
  648. dnso: server.DnsO,
  649. dnst: server.DnsT,
  650. udp: server.UdpPort,
  651. type: server.TunnelType
  652. };
  654. var btn = document.getElementById('btnmodal');
  655. btn.textContent = serverData.servername;
  657. modal.hide();
  660. checkuserUrl = Android.aestotext(serverData.checkuser) + user.value;
  663. Android.setconfig(serverData.serverip, serverData.serverport, serverData.payload, serverData.proxyip, serverData.proxyport, serverData.sslport, serverData.sni,serverData.dnso, serverData.dnst, serverData.udp, serverData.type);
  664. }
  668. servers.forEach(function(server) {
  669. createServerCard(server);
  670. });
  674. function Connect() {
  676. saveUserAndPass();
  677. Android.usernm(user.value);
  678. Android.passw(pass.value);
  679. Android.connect_vpn();
  680. }
  682. function Update() {
  684. Android.ConfigUpdate();
  685. }
  687. function updateButtonStatus() {
  688. var status = Android.connection_status();
  689. if (status == "CONECTADO") {
  690. consultaValidade();
  691. }
  693. var buttonConfig = {
  694. AUTENTICANDO: { color: "yellow", text: "PARAR" },
  695. CONECTADO: { color: "#00f000", text: "PARAR" },
  696. PARANDO: { color: "red", text: "PARANDO" },
  697. CONECTANDO: { color: "red", text: "PARAR" },
  698. RECONECTANDO: { color: "red", text: "PARAR" },
  699. DESCONECTADO: { color: "red", text: "CONECTAR" }
  700. };
  701. var config = buttonConfig[status] || { color: "", text: "" };
  702. button_connect.textContent = config.text;
  704. if(status == "CONECTADO"){
  705. consultaValidade();
  706. }
  709. info.style.color = config.color;
  710. info.textContent = status;
  712. }
  714. updateButtonStatus();
  717. // Função para configurar a configuração selecionada ao iniciar o app
  718. function setupApp() {
  719. setupUserAndPass();
  720. setupSelectedConfig();
  722. setInterval(updateButtonStatus, 1);
  724. }
  726. // Evento DOMContentLoaded para chamar a função setupApp() quando o corpo do documento é carregado
  727. document.addEventListener('DOMContentLoaded', function() {
  728. setupApp();
  729. });
  732. </script>
  733. </body>
  735. </html>
comments powered by Disqus