[
{
"id": 6151,
"label": "Nome do app",
"name": "APP_NAME",
"value": null,
"type": "STRING",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 6152,
"label": "Logo do app",
"name": "APP_LOGO",
"value": null,
"type": "IMAGE",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 6153,
"label": "Imagem de fundo",
"name": "APP_BACKGROUND_IMAGE",
"value": null,
"type": "IMAGE",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 6154,
"label": "Tipo do fundo do app",
"name": "APP_BACKGROUND_TYPE",
"value": {
"options": [
{
"label": "Imagem",
"value": "IMAGE"
},
{
"label": "Cor",
"value": "COLOR"
}
],
"selected": "COLOR"
},
"type": "SELECT",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 6155,
"label": "Cor de fundo",
"name": "APP_BACKGROUND_COLOR",
"value": "#080e16c7",
"type": "COLOR",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 6156,
"label": "Cor do card inicial",
"name": "APP_CARD_COLOR",
"value": "#1d242e00",
"type": "COLOR",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 8103,
"label": "Raio do card inicial",
"name": "APP_CARD_RADIUS",
"value": 20,
"type": "INTEGER",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 8104,
"label": "Cor do card de status",
"name": "APP_CARD_STATUS_COLOR",
"value": "#a1c8ff00",
"type": "COLOR",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 8105,
"label": "Raio do card de status",
"name": "APP_CARD_STATUS_RADIUS",
"value": 25,
"type": "INTEGER",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 6157,
"label": "Cor do card de configurações",
"name": "APP_CARD_CONFIG_COLOR",
"value": "#0300b000",
"type": "COLOR",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 6158,
"label": "Cor do fundo dos dialogs",
"name": "APP_DIALOG_BACKGROUND_COLOR",
"value": "#0400ff00",
"type": "COLOR",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 12746,
"label": "Cor do fundo do dialog de log",
"name": "APP_DIALOG_LOGGER_COLOR",
"value": "#080e16c7",
"type": "COLOR",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 6159,
"label": "Cor das bordas",
"name": "APP_BORDER_COLOR",
"value": "#ffffffff",
"type": "COLOR",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 8106,
"label": "Cor dos inputs",
"name": "APP_INPUT_COLOR",
"value": "#0d00ff00",
"type": "COLOR",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 8107,
"label": "Raio dos inputs",
"name": "APP_INPUT_RADIUS",
"value": 25,
"type": "INTEGER",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 6160,
"label": "Cor dos textos",
"name": "APP_TEXT_COLOR",
"value": "#fafff2ff",
"type": "COLOR",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 6161,
"label": "Cor dos botões",
"name": "APP_BUTTON_COLOR",
"value": "#0708089e",
"type": "COLOR",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 8108,
"label": "Raio dos botões",
"name": "APP_BUTTON_RADIUS",
"value": 25,
"type": "INTEGER",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 6162,
"label": "Cor dos icones",
"name": "APP_ICON_COLOR",
"value": "#121112bc",
"type": "COLOR",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 6163,
"label": "Exibir modo de conexão",
"name": "APP_SHOW_CONNECTION_MODE",
"value": true,
"type": "BOOLEAN",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 22872,
"label": "Atualizar automaticamente as configurações ao lançar uma atualização.",
"name": "APP_CONFIG_AUTO_UPDATE",
"value": false,
"type": "BOOLEAN",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 6164,
"label": "Iniciar o app automaticamente ao reiniciar o dispositivo",
"name": "APP_AUTO_START",
"value": false,
"type": "BOOLEAN",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 8109,
"label": "Usar limiter de conexão",
"name": "APP_CONNECTION_LIMITER",
"value": true,
"type": "BOOLEAN",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 12747,
"label": "Usar botão de atualizações",
"name": "APP_BTN_UPDATE_ENABLED",
"value": true,
"type": "BOOLEAN",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 12748,
"label": "Usar botão de registros",
"name": "APP_BTN_LOGGER_ENABLED",
"value": true,
"type": "BOOLEAN",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 12749,
"label": "Usar botão de pagina webview",
"name": "APP_BTN_PAGE_ENABLED",
"value": false,
"type": "BOOLEAN",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 15025,
"label": "Ativar dialog de erros",
"name": "APP_DIALOG_ERROR_ENABLED",
"value": true,
"type": "BOOLEAN",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 15026,
"label": "Ativar dialog de checkuser",
"name": "APP_CHECKUSER_DIALOG_ENABLED",
"value": false,
"type": "BOOLEAN",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 15027,
"label": "Ativar toast de sucesso",
"name": "APP_SUCCESS_TOAST_ENABLED",
"value": true,
"type": "BOOLEAN",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 15028,
"label": "Ativar toast de erro",
"name": "APP_ERROR_TOAST_ENABLED",
"value": true,
"type": "BOOLEAN",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 15029,
"label": "Usar layout webview",
"name": "APP_LAYOUT_WEBVIEW_ENABLED",
"value": true,
"type": "BOOLEAN",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 6165,
"label": "Mensagem",
"name": "APP_MESSAGE",
"value": "ELSON´S NET",
"type": "TEXT",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 6167,
"label": "URL de atualização do aplicativo",
"name": "APP_UPDATE_URL",
"value": null,
"type": "URL",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 6166,
"label": "Tipo de mensagem",
"name": "APP_MESSAGE_TYPE",
"value": {
"options": [
{
"label": "Alerta",
"value": "ALERT"
},
{
"label": "Informação",
"value": "INFO"
},
{
"label": "Boas vindas",
"value": "WELCOME"
},
{
"label": "Sem mensagem",
"value": "NONE"
}
],
"selected": "WELCOME"
},
"type": "SELECT",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 15030,
"label": "LAYOUT WEBVIEW (POR SUA CONTA E RISCO)",
"name": "APP_LAYOUT_WEBVIEW",
"value": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>GUARDIAN</title>\n <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css\">\n <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css\">\n <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css\" integrity=\"sha512-Fo3rlrZj/k7ujTnHg4CGR2D7kSs0v4LLanw2qksYuRlEzO+tcaEPQogQ0KaoGN26/zrn20ImR1DfuLWnOo7aBA==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" />\n <script src=\"https://cdn.tailwindcss.com\"></script>\n <style>\n@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Outfit:wght@100;200;300;400;500;600;700&display=swap');\n\n:root {\n\n /*Editar o modal*/\n --btn-modal: #0000003f;\n --btn-border: 1px solid #ffffff;\n --btn-modal-border: 50px;\n --modal-shadow: #ffffff;\n --modal-bg: #4a4a4d;\n --modal-icon: #fff;\n --config-color: #0000003f;\n --category-color: #0000003f;\n --text-color: #ffffff; \n\n /*Editar Layout*/\n --fundo-img: url('https://i.ibb.co/yQ4K6zq/FUNDO-SEM-LOGO.jpg');\n --fundo: #ffffff;\n --topo: transparent;\n --icon: #ffffff; \n --icon-bg: #E5EAFC;\n --config: #F7F7FC;\n --box-border: 1px solid #ffffff;\n --box-bg: transparent;\n --box-icon: #fff;\n --info1: #fff;\n --info2: red;\n }\n\nbody {\n font-family: 'Be Vietnam Pro', sans-serif;\n background: var(--fundo-img) center center / cover rgb(32, 32, 32);\n height: 100vh;\n width: 100vw;\n justify-content: center;\n align-items: center;\n}\n\n.container {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n background: var(--topo);\n width: 100vw;\n padding-top: 40px;\n padding-bottom: 10px;\n height: 150px;\n}\n\nbutton.power-icon {\n font-size: 2.5em;\n box-shadow: 0 20px 25px 0px #4071ff54, 0 2px 0px 0px #4071ff10;\n transition: all 0.2s ease-in-out;\n}\n\nbutton.power-icon:active {\n transform: scale(0.9);\n background: var(--btn-active-bg-color);\n box-shadow: 0 5px 10px var(--btn-active-bg-color);\n }\n\n.app-bg-gray-1 {\n background: var(--config);\n}\n\n.app-bg-gray-2 {\n background: var(--icon-bg);\n}\n\n.app-bg-gray-3 {\n background: #fff;\n }\n \n .app-bg-4 {\n \tbackground: linear-gradient(-45deg, #13cf8e, #13cf8e, #0098ff, #5995fd);\n background-size: 400% 400%;\n animation: gradient 5s ease infinite;\n }\n\n@keyframes gradient {\n 0% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 50%;\n }\n 100% {\n background-position: 0% 50%;\n }\n}\n\n.app-bg-blue {\n background: #4071FF;\n}\n\n.app-color-blue {\n color: #4071FF;\n}\n\n.app-color-gray-1 {\n color: #C0C6DE;\n}\n\n.app-rounded {\n border-bottom-left-radius: 50px;\n border-bottom-right-radius: 50px;\n}\n\n\t.status {\n font-size: 1em;\n }\n \n .put {\n \tborder-radius: 60px;\n }\n \n .icon {\n \tfont-size: 0.8em;\n color: var(--box-icon);\n }\n\n input {\n width: 100%;\n background: transparent;\n border: none;\n outline: none;\n color: #fff;\n line-height: 1;\n font-weight: 600;\n font-size: 1.1rem;\n }\n \n .box input::placeholder {\n color: #fff;\n}\n.box input {\n color: #fff;\n}\n \n .box {\nborder: var(--box-border);\nbackground: var(--box-bg);\n}\n\n.tool {\n align-items: center;\n justify-content: center;\n text-align: center;\n}\n\n.tool-bt {\n background: var(--btn-modal);\n height: 50px;\n width: 150px;\n border: var(--btn-border);\n}\n\n.info {\ncolor: var(--info2);\n}\n\n.info1 {\ncolor: var(--info1);\n}\n\n .info2 {\ncolor: var(--modal-icon);\n}\n\n .info3 {\nfont-size: 1.2em;\n color: var(--icon);\n}\n\n.modal {\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n }\n\n .modal-content {\n border: none;\n background: var(--modal-bg);\n box-shadow: 0 5px 10px var(--modal-shadow);\n color: var(--text-color);\n }\n\n .modal-dialog {\n padding: 0 0.5rem;\n }\n\n .bg-category {\n background: var(--category-color);\n }\n\n .bg-config {\n background: var(--config-color);\n }\n \n .btn{\n width: 150px;\n background-color: #4a4a4d;\n outline: none;\n height: 49px;\n border-radius: var(--btn-modal-border);\n text-transform: uppercase;\n font-weight: 600;\n margin: 10px 0;\n cursor: pointer;\n transition: 0.5s;\n border: var(--btn-border);\n}\n\n.power{\nmargin: 1em auto 9em;\n}\n\n.logo{\nmargin: -7em auto 7em;\n}\n\n#logo-after-button{\nwidth: 90%;\n height: auto;\n}\n\n.connect{\n width: 100vh;\n background-color: #4a4a4d;\n color: #fff;\n outline: none;\n height: 49px;\n border-radius: var(--btn-modal-border);\n text-transform: uppercase;\n font-weight: 600;\n margin: 10px 0;\n cursor: pointer;\n transition: 0.5s;\n border: var(--btn-border);\n border-radius: 25px;\n}\n\n.connect1{\n width: 10vh;\n padding: 13px;\n background-color: #4a4a4d;\n color: #fff;\n outline: none;\n height: 49px;\n border-radius: var(--btn-modal-border);\n text-transform: uppercase;\n font-weight: 600;\n margin: 10px 0;\n cursor: pointer;\n transition: 0.5s;\n border: var(--btn-border);\n border-radius: 25px;\n}\n\n.init {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n justify-content: space-between;\n text-align: center;\n\t}\n\n</style>\n</head>\n<body class=\"h-screen\">\n <div class=\"container px-6 app-rounded\"> \n </div> \n <div class=\"logo flex flex-row p-4 items-center justify-center\">\n <img id=\"logo-after-button\" src=\"https://i.ibb.co/HpBQfpD/LOGO-ELSON-PROVEDOR-1-COM-EFEITO.png\" alt=\"\">\n </div>\n <div class=\"flex flex-col -top-36 relative\">\n <div class=\"py-3 flex flex-row justify-center items-center\"> \n </div> \n <div class=\"box d-flex gap-2 justify-content-center mb-1 mt-1 flex flex-row items-center px-6 py-2.5 mx-6 rounded-xl app-bg-gray-1 border-2\">\n <i class=\"icon fa fa-cogs\"></i>\n <input type=\"text\" placeholder=\"CONFIG.\" disabled id=\"config\">\n <i class=\"icon fa fa-angle-double-down\"></i>\n </div> \n\n <div class=\"box d-flex gap-2 justify-content-center mb-2 mt-1 items-center px-6 py-2 mx-6 rounded-xl border-slate-150 border-2\">\n <i class=\"icon fa fa-user\"></i>\n <input type=\"text\" placeholder=\"Nome de usuario\" id=\"username\">\n </div> \n\n <div class=\"box d-flex gap-2 justify-content-center items-center px-6 py-2 mx-6 rounded-xl border-slate-150 border-2\">\n <i class=\"icon fa fa-lock\"></i>\n <input type=\"password\" placeholder=\"Senha\" id=\"password\">\n <i class=\"icon fa fa-eye\" onclick=\"password.type==`text`?password.type = `password`:password.type = `text`\"></i>\n </div> \n <div class=\"box d-flex gap-2 justify-content-center mb-2 mt-1 flex flex-row items-center px-6 py-2 mx-6 rounded-xl border-slate-150 border-2\">\n <i class=\"icon fa fa-lock\"></i>\n <input type=\"password\" placeholder=\"V2ray UUID\" id=\"uuid\">\n <i class=\"icon fa fa-eye\" onclick=\"uuid.type==`text`?uuid.type = `password`:uuid.type = `text`\"></i> \n </div>\n <div class=\"init\"> \n<button onclick=\"startStopVpn()\" class=\"connect d-flex gap-2 justify-content-center items-center py-2 ml-6 mr-2 border-slate-150 border-2\" id= \"cnt\">PARAR</button>\n<button onclick=\"DtStartAppUpdate.execute()\" class=\"bi bi-arrow-repeat connect1 py-2 mr-1 border-slate-150 border-2\"></button>\n<button onclick=\"loggerModal.show()\" class=\"bi bi-file-earmark-text connect1 py-2 mr-1 border-slate-150 border-2\"></button>\n<button onclick=\"ToolsModal.show()\" class=\"bi bi-list-nested connect1 py-2 mr-6 border-slate-150 border-2\"></button>\n</div>\n <div class=\"flex flex-row items-center justify-center mt-4\"> \n <span class=\"status app-color-blue font-semibold\" id=\"state\">DESCONECTADO</span>\n </div>\n \n <div class=\"flex flex-row items-center justify-center mt-2\">\n <i class=\"info1 fa-solid fa-rss app-color-gray-1 mr-2\"></i>\n <span class=\"info1 font-semibold text-xs mr-2\" id=\"name\">REDE</span>\n <span class=\"info font-semibold text-xs\" id=\"ip\">127.0.0.1</span>\n </div>\n <div class=\"flex flex-row items-center justify-center mt-1\">\n \t<i class=\"info1 fa-solid fa-user app-color-gray-1 mr-2\"></i>\n \t<span class=\"info font-semibold text-xs\" id=\"total\">00</span>\n </div> \n \n </div>\n </div>\n <div class=\"modal fade\" id=\"configModal\">\n <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n <div class=\"modal-content rounded-3 shadow\">\n <div class=\"modal-header border-bottom-0 pb-0\">\n <h1 class=\"modal-title fs-5\" style=\"color: var(--text-color);\">CONFIGURAÇÕES</h1>\n <button class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"></button>\n </div>\n <div class=\"modal-body p-1 text-center\">\n <ul class=\"list-group bg-transparent overflow-y-auto config-body\" style=\"max-height: 600px;\"></ul>\n </div>\n </div>\n </div>\n </div>\n <div class=\"modal fade\" id=\"loggerModal\">\n <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n <div class=\"modal-content rounded-3 shadow\">\n <div class=\"modal-body p-1 text-center\">\n <ul class=\"list-group bg-transparent overflow-y-auto logger-content\" style=\"max-height: 600px;\">\n </ul>\n </div>\n <div class=\"modal-footer flex-nowrap p-0\">\n <button class=\"btn btn-primary w-100 clear-logger\" style=\"background-color:var(--btn-modal);\">LIMPAR</button>\n <button type=\"button\" class=\"btn btn-primary w-100\" data-bs-dismiss=\"modal\" style=\"background-color: var(--btn-modal);\">FECHAR</button>\n\n </div>\n </div>\n </div>\n </div>\n <div class=\"tool webm modal fade\" index=\"-1\" id=\"ToolsModal\">\n <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n \n \n <div class=\"modal-content\">\n <div class=\"tool modal-header\">\n <h5 class=\"modal-title\" style=\"color:#ffffff;\">FERRAMENTAS</h5>\n </div>\n <div class=\"modal-body\">\n <button class=\"tool-bt rounded-2xl text-white\" onclick=\"DtStartCheckUser.execute()\"><i class=\"info2 bi bi-calendar-check mr-2\"></i>VALIDADE</button>\n </div>\n <div class=\"modal-body\">\n <button class=\"tool-bt rounded-2xl text-white\" onclick=\"DtStartWebViewActivity.execute('https://pluto.tv/pt/')\"><i class=\"bi bi-globe mr-2\"></i>TV ONLINE</button>\n <button class=\"tool-bt rounded-2xl text-white\" data-bs-target=\"#speedTestModal\" data-bs-toggle=\"modal\"><i class=\"info2 bi bi-speedometer mr-2\"></i>SPEEDTEST</button>\n </div>\n <div class=\"modal-body\">\n <button class=\"tool-bt rounded-2xl text-white\" onclick=\"DtStartApnActivity.execute()\"><i class=\"info2 bi bi-wifi mr-2\"></i>APN</button>\n <button class=\"tool-bt rounded-2xl text-white\" onclick=\"DtIgnoreBatteryOptimizations.execute()\"><i class=\"info2 bi bi-battery-full mr-2\"></i>BATERIA</button>\n </div>\n <div class=\"modal-body\">\n <button class=\"tool-bt rounded-2xl text-white\" onclick=\"DtCleanApp.execute()\"><i class=\"info2 bi bi-trash3 mr-2\"></i>LIMPAR</button>\n </div>\n <div class=\"tool modal-footer\">\n <button type=\"button\" class=\"btn btn-primary\" data-bs-dismiss=\"modal\" style=\"background-color: var(--btn-modal);\">FECHAR</button>\n \n </div>\n </div>\n </div>\n</div>\n<div class=\"modal fade\" id=\"checkUserModal\" index=\"1\">\n <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n <div class=\"modal-content rounded-3 shadow\">\n <div class=\"modal-header border-bottom-0 pb-0\">\n <h1 class=\"modal-title fs-5 chk-title text-light\"></h1>\n <button class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"></button>\n </div>\n <div class=\"modal-body text-center\">\n <p class=\"fs-5 mb-0 chk-message text-light\"></p>\n </div>\n </div>\n </div>\n</div>\n<div class=\"md modal fade\" id=\"speedTestModal\">\n <div class=\"md modal-dialog modal-dialog-centered\" role=\"document\">\n <div class=\"md modal-content rounded-3 shadow\">\n <div class=\"md modal-header border-bottom-0 py-3\">\n <button class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"\n aria-label=\"Close\"></button>\n \n </div>\n <div class=\"modal-body ratio rounded-bottom-3\" style=\"height: 600px;\">\n <div class=\"spinner d-flex w-100 h-100 align-items-center justify-content-center\">\n <div class=\"spinner-border text-light p-5\" role=\"status\">\n <span class=\"visually-hidden\">Loading...</span>\n </div>\n </div>\n <iframe class=\"rounded-bottom-3\" id=\"speedFrame\"></iframe>\n </div>\n </div>\n </div>\n</div>\n <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js\"></script>\n <script>\n Object.defineProperty(String.prototype, 't', {\n value: function t() {\n return window?.DtTranslateText?.execute('' + this) ?? '' + this\n },\n writable: true,\n configurable: true,\n })\n\n const config = document.querySelector('#config')\n config.parentElement.onclick = () => showConfigsModal();\n\n const username = document.querySelector('#username')\n username.oninput = e => DtUsername.set(e.target.value)\n\n const password = document.querySelector('#password')\n password.oninput = e => DtPassword.set(e.target.value)\n\n const uuid = document.querySelector('#uuid')\n uuid.oninput = e => DtUuid.set(e.target.value)\n\n const clearLogger = document.querySelector('.clear-logger')\n \n\n const checkUserModal = new bootstrap.Modal(document.querySelector('#checkUserModal'))\n const configModal = new bootstrap.Modal(document.querySelector('#configModal'))\n const loggerModal = new bootstrap.Modal(document.querySelector('#loggerModal'))\n const ToolsModal = new bootstrap.Modal(document.querySelector('#ToolsModal'))\n const speedTestModal = new bootstrap.Modal(document.querySelector('#speedTestModal'))\n \n\n const dtConfigClickListener = () => {\n const data = JSON.parse(window?.DtGetDefaultConfig?.execute() || `{ \"auth\": {\"username\": \"\"} }`)\n const isV2ray = data?.mode?.toLowerCase()?.startsWith('v2ray');\n\n config.placeholder = data.name ?? 'Escolha um servidor';\n username.parentElement.style.setProperty('display', !data?.auth?.username && !isV2ray ? 'flex' : 'none', 'important')\n password.parentElement.style.setProperty('display', !data?.auth?.password && !isV2ray ? 'flex' : 'none', 'important')\n uuid.parentElement.style.setProperty('display', !data?.auth?.v2ray_uuid && isV2ray ? 'flex' : 'none', 'important')\n }\n\n const startStopVpn = e => {\n if (DtGetVpnState.execute() != 'DISCONNECTED') {\n DtExecuteVpnStop.execute()\n } else {\n DtExecuteVpnStart.execute()\n } \n }\n\n clearLogger.addEventListener('click', () => DtClearLogs.execute())\n\n speedTestModal._element.addEventListener('shown.bs.modal', () => {\n const iframe = document.querySelector('#speedFrame');\n if (!iframe.src) {\n iframe.src = 'http://speedtest.sercomtel.com.br/'\n iframe.addEventListener('load', () => {\n mp3Modal._element.querySelector('.spinner').classList.add('d-none')\n })\n }\n })\n speedTestModal._element.addEventListener('hide.bs.modal', () => {\n const iframe = document.querySelector('#speedFrame');\n iframe.src = '';\n })\n\n const dtVpnStateListener = state => {\n const isRunning = state != 'DISCONNECTED';\n const status = document.querySelector('#state')\n \n status.innerHTML = ('LBL_STATE_' + state).t()\n cnt.innerHTML = isRunning ? 'LBL_BTN_STOP'.t() : 'LBL_BTN_START'.t()\n\n if (isRunning) {\n username.setAttribute('readonly', 'true')\n password.setAttribute('readonly', 'true')\n status.style.color = '#00ff15'\n btOne.style.color = 'WHITE'\n btOne.style.backgroundColor = 'GREEN'\n \n } else {\n username.removeAttribute('readonly')\n password.removeAttribute('readonly')\n status.style.color = 'RED'\n btOne.style.color = 'WHITE'\n btOne.style.backgroundColor = 'RED' \n } \n }\n \n \n const dtCheckUserStartedListener = () => {\n const data = JSON.parse(window?.DtGetDefaultConfig?.execute() || `{}`)\n const isV2ray = data?.mode?.toLowerCase()?.startsWith('v2ray');\n if (isV2ray || !data.urlCheckUser) return;\n\n const html = `\n <div class=\"d-flex justify-content-center\">\n <div class=\"spinner-border p-4\" role=\"status\">\n <span class=\"visually-hidden\">Loading...</span>\n </div>\n </div>\n `\n\n checkUserModal._element.querySelector('.chk-title').textContent = 'CHECK USER'\n checkUserModal._element.querySelector('.chk-message').innerHTML = html;\n checkUserModal.show()\n }\n\n const dtCheckUserModelListener = model => {\n const data = JSON.parse(model ?? `{\"username\": \"test\"}`)\n const html = `\n <div class=\"d-flex flex-column text-white\">\n <span>🙋♂️ •Nome de usuario: ${data.username}</span>\n <span>🕝 •Expira em: ${data.expiration_date}</span>\n <span>📆 •Dias restantes: ${data.expiration_days}</span>\n <span>🌏 •Conexoes: ${data.count_connections}|${data.limit_connections}</span>\n </div>\n `\n\n checkUserModal._element.querySelector('.chk-title').textContent = ''\n checkUserModal._element.querySelector('.chk-message').innerHTML = html;\n checkUserModal.show()\n }\n\n const showConfigsModal = () => {\n const mock = '[{\"sorter\":6,\"color\":\"#6D08041C\",\"name\":\"CONFIG\",\"id\":1393,\"items\":[{\"mode\":\"V2RAY - VLESS\",\"sorter\":4,\"tlsVersion\":\"TLSv1.2\",\"name\":\"CONFIG 01\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":11803,\"status\":\"ACTIVE\"},{\"mode\":\"SSH_DIRECT\",\"sorter\":2,\"tlsVersion\":\"TLSv1.2\",\"name\":\"CONFIG 02\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":28627,\"status\":\"ACTIVE\"},{\"mode\":\"OVPN_PROXY\",\"sorter\":23,\"tlsVersion\":\"TLSv1.2\",\"name\":\"CONFIG 03\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":30001,\"status\":\"ACTIVE\"}]},{\"sorter\":2,\"color\":\"#6D08041C\",\"name\":\"CONFIG 2\",\"id\":1846,\"items\":[{\"mode\":\"SSH_PROXY\",\"sorter\":1,\"tlsVersion\":\"TLSv1.2\",\"name\":\"CONFIG 01\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":26295,\"status\":\"ACTIVE\"}]},{\"sorter\":4,\"color\":\"#80000000\",\"name\":\"CONFIG 3\",\"id\":3310,\"items\":[{\"mode\":\"SSH_PROXY\",\"sorter\":1,\"tlsVersion\":\"TLSv1.2\",\"name\":\"CONFIG. TEST\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":29997,\"status\":\"ACTIVE\"},{\"mode\":\"OVPN_PROXY\",\"sorter\":1,\"tlsVersion\":\"TLSv1.2\",\"name\":\"CONFIG. TEST 2\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":29998,\"status\":\"ACTIVE\"}]}]'\n const data = JSON.parse(window?.DtGetConfigs?.execute() || mock)\n\n data.sort((a, b) => a.sorter - b.sorter)\n data.forEach(item => item.items.sort((a, b) => a.sorter - b.sorter))\n\n const body = configModal._element.querySelector('.config-body')\n body.innerHTML = ''\n\n data.forEach(category => {\n const categoryElement = document.createElement('li')\n categoryElement.className = 'list-group-item bg-transparent border-0 mb-1 rounded-1 px-1'\n categoryElement.style.color = 'var(--text-color)'\n categoryElement.innerHTML = `<span class=\"fw-bold w-100 d-block p-1 rounded-1 mb-1 bg-category\">${category.name}</span>`\n\n const configUlElement = document.createElement('ul')\n configUlElement.className = 'list-group overflow-y-auto'\n\n category.items.forEach(item => {\n const configElement = document.createElement('li')\n configElement.className = 'list-group-item d-flex border-0 bg-config rounded-2 px-1 py-2 mb-1'\n configElement.style.color = 'var(--text-color)'\n configElement.innerHTML = `\n <img src=\"${item.icon}\" width=\"40\" height=\"40\">\n <div class=\"text-start d-flex flex-column ms-2 w-100 text-truncate\">\n <span class=\"fw-bold text-uppercase\" style=\"font-size: 0.8rem;\">${item.name}</span>\n <span class=\"fst-italic fw-bold text-uppercase\" style=\"font-size: 0.7rem;\">${item.description || ''}</span>\n </div>\n <div class=\"d-flex flex-column ms-2\">\n <span class=\"fst-italic fw-bold text-end text-uppercase text-nowrap\" style=\"font-size: 0.8rem;\">${item.mode}</span>\n </div>\n </li>\n `\n configElement.addEventListener('click', e => {\n window?.DtSetConfig?.execute(item.id)\n configModal.hide()\n })\n configUlElement.appendChild(configElement)\n })\n\n categoryElement.appendChild(configUlElement)\n body.appendChild(categoryElement)\n })\n configModal.show()\n }\n\n const dtOnNewLogListener = () => {\n const mock = [];\n for (let i = 0; i < 30; i++) {\n mock.push({ 'TIME': 'MESSAGE ' + i })\n }\n\n const log = window?.DtGetLogs?.execute() || JSON.stringify(mock)\n const data = JSON.parse(log)\n\n let content = '';\n data.forEach(item => {\n content += '<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);\">';\n content += Object.keys(item)[0] + \" \" + item[Object.keys(item)]\n content += '</li>';\n })\n\n loggerModal._element.querySelector('.logger-content').innerHTML = content;\n const listGroup = loggerModal._element.querySelector('.list-group')\n listGroup.scrollTo(0, listGroup.scrollHeight)\n }\n\n username.value = window?.DtUsername?.get() ?? ''\n password.value = window?.DtPassword?.get() ?? ''\n uuid.value = window?.DtUuid?.get() ?? ''\n\n dtOnNewLogListener()\n dtConfigClickListener()\n dtVpnStateListener(window?.DtGetVpnState?.execute() ?? 'DISCONNECTED')\n \n </script>\n \n <script>\n const config = JSON.parse(DtGetAppConfig.execute());\n const urlCheckUser = new URL(config.urlCheckUser);\n urlCheckUser.protocol = 'http:';\n\n const createConnection = () => new WebSocket(urlCheckUser);\n const startActions = socket => {\n socket.send(JSON.stringify({\n action: 'all',\n data: {}\n }));\n }\n const parseResponseData = data => {\n data = JSON.parse(data);\n console.log(data)\n\n if (data.total != undefined) {\n const total = data.total;\n document.getElementById('total').innerHTML = String(total).padStart(2, '0');\n }\n }\n\n const startSocket = () => {\n const socket = createConnection();\n socket.onopen = e => startActions(socket);\n socket.onmessage = e => parseResponseData(e.data);\n }\n\n const setVpnState = state => {\n if (state == 'CONNECTED') startSocket();\n }\n startSocket();\n </script>\n <script>\n class AndroidMock {\n static getLocalIP() {\n return '192.168.0.1';\n }\n \n static getConfig() {\n return JSON.stringify({\n urlCheckUser: 'URLAQUI'\n });\n }\n \n static getNetworkName() {\n return 'REDE';\n }\n \n static openRadioInfo() {\n console.log('openRadioInfo');\n }\n }\n </script>\n \n <script>\n function showLocalIP(android) {\n console.log(android.getNetworkName());\n document.getElementById('name').innerHTML = ' ' + android.getNetworkName() + ':';\n document.getElementById('ip').innerHTML = android.getLocalIP();\n \n setInterval(() => {\n document.getElementById('name').innerHTML =\n ' ' + android.getNetworkName() + ':';\n document.getElementById('ip').innerHTML = android.getLocalIP();\n }, 2000)\n }\n \n function showCheckUser(android) {\n const config = JSON.parse(window?.DtGetDefaultConfig?.execute() ?? android.getConfig());\n \n const urlCheckUser = new URL(config.urlCheckUser);\n urlCheckUser.protocol = 'ws:';\n const socket = new WebSocket(urlCheckUser);\n socket.onopen = function (e) {\n socket.send(JSON.stringify({\n action: 'all',\n data: {}\n }));\n };\n \n socket.onmessage = function (event) {\n const data = JSON.parse(event.data);\n if (data.total === undefined)\n return;\n \n const total = data.total;\n document.getElementById('total').innerHTML = ' ' + String(total).padStart(2, '0');\n socket.close();\n };\n }\n \n \n \n window.onload = function () {\n const android = window.Android || AndroidMock;\n showLocalIP(android);\n showCheckUser(android);\n }\n \n </script>\n</body>\n</html>",
"type": "HTML",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 6168,
"label": "ANDROID WEBVIEW (POR SUA CONTA E RISCO)",
"name": "APP_SUPPORT_BUTTON",
"value": "<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>GUARDIAN</title>\n <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.5/font/bootstrap-icons.css\">\n <link rel=\"stylesheet\" href=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css\">\n <link rel=\"stylesheet\" href=\"https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css\" integrity=\"sha512-Fo3rlrZj/k7ujTnHg4CGR2D7kSs0v4LLanw2qksYuRlEzO+tcaEPQogQ0KaoGN26/zrn20ImR1DfuLWnOo7aBA==\" crossorigin=\"anonymous\" referrerpolicy=\"no-referrer\" />\n <script src=\"https://cdn.tailwindcss.com\"></script>\n <style>\n@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Outfit:wght@100;200;300;400;500;600;700&display=swap');\n\n:root {\n\n /*Editar o modal*/\n --btn-modal: #0000003f;\n --btn-border: 1px solid #ffffff;\n --btn-modal-border: 50px;\n --modal-shadow: #ffffff;\n --modal-bg: #4a4a4d;\n --modal-icon: #fff;\n --config-color: #0000003f;\n --category-color: #0000003f;\n --text-color: #ffffff; \n\n /*Editar Layout*/\n --fundo-img: url('https://i.ibb.co/yQ4K6zq/FUNDO-SEM-LOGO.jpg');\n --fundo: #ffffff;\n --topo: transparent;\n --icon: #ffffff; \n --icon-bg: #E5EAFC;\n --config: #F7F7FC;\n --box-border: 1px solid #ffffff;\n --box-bg: transparent;\n --box-icon: #fff;\n --info1: #fff;\n --info2: red;\n }\n\nbody {\n font-family: 'Be Vietnam Pro', sans-serif;\n background: var(--fundo-img) center center / cover rgb(32, 32, 32);\n height: 100vh;\n width: 100vw;\n justify-content: center;\n align-items: center;\n}\n\n.container {\n display: flex;\n flex-direction: row;\n justify-content: space-between;\n background: var(--topo);\n width: 100vw;\n padding-top: 40px;\n padding-bottom: 10px;\n height: 150px;\n}\n\nbutton.power-icon {\n font-size: 2.5em;\n box-shadow: 0 20px 25px 0px #4071ff54, 0 2px 0px 0px #4071ff10;\n transition: all 0.2s ease-in-out;\n}\n\nbutton.power-icon:active {\n transform: scale(0.9);\n background: var(--btn-active-bg-color);\n box-shadow: 0 5px 10px var(--btn-active-bg-color);\n }\n\n.app-bg-gray-1 {\n background: var(--config);\n}\n\n.app-bg-gray-2 {\n background: var(--icon-bg);\n}\n\n.app-bg-gray-3 {\n background: #fff;\n }\n \n .app-bg-4 {\n \tbackground: linear-gradient(-45deg, #13cf8e, #13cf8e, #0098ff, #5995fd);\n background-size: 400% 400%;\n animation: gradient 5s ease infinite;\n }\n\n@keyframes gradient {\n 0% {\n background-position: 0% 50%;\n }\n 50% {\n background-position: 100% 50%;\n }\n 100% {\n background-position: 0% 50%;\n }\n}\n\n.app-bg-blue {\n background: #4071FF;\n}\n\n.app-color-blue {\n color: #4071FF;\n}\n\n.app-color-gray-1 {\n color: #C0C6DE;\n}\n\n.app-rounded {\n border-bottom-left-radius: 50px;\n border-bottom-right-radius: 50px;\n}\n\n\t.status {\n font-size: 1em;\n }\n \n .put {\n \tborder-radius: 60px;\n }\n \n .icon {\n \tfont-size: 0.8em;\n color: var(--box-icon);\n }\n\n input {\n width: 100%;\n background: transparent;\n border: none;\n outline: none;\n color: #fff;\n line-height: 1;\n font-weight: 600;\n font-size: 1.1rem;\n }\n \n .box input::placeholder {\n color: #fff;\n}\n.box input {\n color: #fff;\n}\n \n .box {\nborder: var(--box-border);\nbackground: var(--box-bg);\n}\n\n.tool {\n align-items: center;\n justify-content: center;\n text-align: center;\n}\n\n.tool-bt {\n background: var(--btn-modal);\n height: 50px;\n width: 150px;\n border: var(--btn-border);\n}\n\n.info {\ncolor: var(--info2);\n}\n\n.info1 {\ncolor: var(--info1);\n}\n\n .info2 {\ncolor: var(--modal-icon);\n}\n\n .info3 {\nfont-size: 1.2em;\n color: var(--icon);\n}\n\n.modal {\n backdrop-filter: blur(5px);\n -webkit-backdrop-filter: blur(5px);\n }\n\n .modal-content {\n border: none;\n background: var(--modal-bg);\n box-shadow: 0 5px 10px var(--modal-shadow);\n color: var(--text-color);\n }\n\n .modal-dialog {\n padding: 0 0.5rem;\n }\n\n .bg-category {\n background: var(--category-color);\n }\n\n .bg-config {\n background: var(--config-color);\n }\n \n .btn{\n width: 150px;\n background-color: #4a4a4d;\n outline: none;\n height: 49px;\n border-radius: var(--btn-modal-border);\n text-transform: uppercase;\n font-weight: 600;\n margin: 10px 0;\n cursor: pointer;\n transition: 0.5s;\n border: var(--btn-border);\n}\n\n.power{\nmargin: 1em auto 9em;\n}\n\n.logo{\nmargin: -7em auto 7em;\n}\n\n#logo-after-button{\nwidth: 90%;\n height: auto;\n}\n\n.connect{\n width: 100vh;\n background-color: #4a4a4d;\n color: #fff;\n outline: none;\n height: 49px;\n border-radius: var(--btn-modal-border);\n text-transform: uppercase;\n font-weight: 600;\n margin: 10px 0;\n cursor: pointer;\n transition: 0.5s;\n border: var(--btn-border);\n border-radius: 25px;\n}\n\n.connect1{\n width: 10vh;\n padding: 13px;\n background-color: #4a4a4d;\n color: #fff;\n outline: none;\n height: 49px;\n border-radius: var(--btn-modal-border);\n text-transform: uppercase;\n font-weight: 600;\n margin: 10px 0;\n cursor: pointer;\n transition: 0.5s;\n border: var(--btn-border);\n border-radius: 25px;\n}\n\n.init {\n\tdisplay: flex;\n\tflex-direction: row;\n\talign-items: center;\n justify-content: space-between;\n text-align: center;\n\t}\n\n</style>\n</head>\n<body class=\"h-screen\">\n <div class=\"container px-6 app-rounded\"> \n </div> \n <div class=\"logo flex flex-row p-4 items-center justify-center\">\n <img id=\"logo-after-button\" src=\"https://i.ibb.co/HpBQfpD/LOGO-ELSON-PROVEDOR-1-COM-EFEITO.png\" alt=\"\">\n </div>\n <div class=\"flex flex-col -top-36 relative\">\n <div class=\"py-3 flex flex-row justify-center items-center\"> \n </div> \n <div class=\"box d-flex gap-2 justify-content-center mb-1 mt-1 flex flex-row items-center px-6 py-2.5 mx-6 rounded-xl app-bg-gray-1 border-2\">\n <i class=\"icon fa fa-cogs\"></i>\n <input type=\"text\" placeholder=\"CONFIG.\" disabled id=\"config\">\n <i class=\"icon fa fa-angle-double-down\"></i>\n </div> \n\n <div class=\"box d-flex gap-2 justify-content-center mb-2 mt-1 items-center px-6 py-2 mx-6 rounded-xl border-slate-150 border-2\">\n <i class=\"icon fa fa-user\"></i>\n <input type=\"text\" placeholder=\"Nome de usuario\" id=\"username\">\n </div> \n\n <div class=\"box d-flex gap-2 justify-content-center items-center px-6 py-2 mx-6 rounded-xl border-slate-150 border-2\">\n <i class=\"icon fa fa-lock\"></i>\n <input type=\"password\" placeholder=\"Senha\" id=\"password\">\n <i class=\"icon fa fa-eye\" onclick=\"password.type==`text`?password.type = `password`:password.type = `text`\"></i>\n </div> \n <div class=\"box d-flex gap-2 justify-content-center mb-2 mt-1 flex flex-row items-center px-6 py-2 mx-6 rounded-xl border-slate-150 border-2\">\n <i class=\"icon fa fa-lock\"></i>\n <input type=\"password\" placeholder=\"V2ray UUID\" id=\"uuid\">\n <i class=\"icon fa fa-eye\" onclick=\"uuid.type==`text`?uuid.type = `password`:uuid.type = `text`\"></i> \n </div>\n <div class=\"init\"> \n<button onclick=\"startStopVpn()\" class=\"connect d-flex gap-2 justify-content-center items-center py-2 ml-6 mr-2 border-slate-150 border-2\" id= \"cnt\">PARAR</button>\n<button onclick=\"DtStartAppUpdate.execute()\" class=\"bi bi-arrow-repeat connect1 py-2 mr-1 border-slate-150 border-2\"></button>\n<button onclick=\"loggerModal.show()\" class=\"bi bi-file-earmark-text connect1 py-2 mr-1 border-slate-150 border-2\"></button>\n<button onclick=\"ToolsModal.show()\" class=\"bi bi-list-nested connect1 py-2 mr-6 border-slate-150 border-2\"></button>\n</div>\n <div class=\"flex flex-row items-center justify-center mt-4\"> \n <span class=\"status app-color-blue font-semibold\" id=\"state\">DESCONECTADO</span>\n </div>\n \n <div class=\"flex flex-row items-center justify-center mt-2\">\n <i class=\"info1 fa-solid fa-rss app-color-gray-1 mr-2\"></i>\n <span class=\"info1 font-semibold text-xs mr-2\" id=\"name\">REDE</span>\n <span class=\"info font-semibold text-xs\" id=\"ip\">127.0.0.1</span>\n </div>\n <div class=\"flex flex-row items-center justify-center mt-1\">\n \t<i class=\"info1 fa-solid fa-user app-color-gray-1 mr-2\"></i>\n \t<span class=\"info font-semibold text-xs\" id=\"total\">00</span>\n </div> \n \n </div>\n </div>\n <div class=\"modal fade\" id=\"configModal\">\n <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n <div class=\"modal-content rounded-3 shadow\">\n <div class=\"modal-header border-bottom-0 pb-0\">\n <h1 class=\"modal-title fs-5\" style=\"color: var(--text-color);\">CONFIGURAÇÕES</h1>\n <button class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"></button>\n </div>\n <div class=\"modal-body p-1 text-center\">\n <ul class=\"list-group bg-transparent overflow-y-auto config-body\" style=\"max-height: 600px;\"></ul>\n </div>\n </div>\n </div>\n </div>\n <div class=\"modal fade\" id=\"loggerModal\">\n <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n <div class=\"modal-content rounded-3 shadow\">\n <div class=\"modal-body p-1 text-center\">\n <ul class=\"list-group bg-transparent overflow-y-auto logger-content\" style=\"max-height: 600px;\">\n </ul>\n </div>\n <div class=\"modal-footer flex-nowrap p-0\">\n <button class=\"btn btn-primary w-100 clear-logger\" style=\"background-color:var(--btn-modal);\">LIMPAR</button>\n <button type=\"button\" class=\"btn btn-primary w-100\" data-bs-dismiss=\"modal\" style=\"background-color: var(--btn-modal);\">FECHAR</button>\n\n </div>\n </div>\n </div>\n </div>\n <div class=\"tool webm modal fade\" index=\"-1\" id=\"ToolsModal\">\n <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n \n \n <div class=\"modal-content\">\n <div class=\"tool modal-header\">\n <h5 class=\"modal-title\" style=\"color:#ffffff;\">FERRAMENTAS</h5>\n </div>\n <div class=\"modal-body\">\n <button class=\"tool-bt rounded-2xl text-white\" onclick=\"DtStartCheckUser.execute()\"><i class=\"info2 bi bi-calendar-check mr-2\"></i>VALIDADE</button>\n </div>\n <div class=\"modal-body\">\n <button class=\"tool-bt rounded-2xl text-white\" onclick=\"DtStartWebViewActivity.execute('https://pluto.tv/pt/')\"><i class=\"bi bi-globe mr-2\"></i>TV ONLINE</button>\n <button class=\"tool-bt rounded-2xl text-white\" data-bs-target=\"#speedTestModal\" data-bs-toggle=\"modal\"><i class=\"info2 bi bi-speedometer mr-2\"></i>SPEEDTEST</button>\n </div>\n <div class=\"modal-body\">\n <button class=\"tool-bt rounded-2xl text-white\" onclick=\"DtStartApnActivity.execute()\"><i class=\"info2 bi bi-wifi mr-2\"></i>APN</button>\n <button class=\"tool-bt rounded-2xl text-white\" onclick=\"DtIgnoreBatteryOptimizations.execute()\"><i class=\"info2 bi bi-battery-full mr-2\"></i>BATERIA</button>\n </div>\n <div class=\"modal-body\">\n <button class=\"tool-bt rounded-2xl text-white\" onclick=\"DtCleanApp.execute()\"><i class=\"info2 bi bi-trash3 mr-2\"></i>LIMPAR</button>\n </div>\n <div class=\"tool modal-footer\">\n <button type=\"button\" class=\"btn btn-primary\" data-bs-dismiss=\"modal\" style=\"background-color: var(--btn-modal);\">FECHAR</button>\n \n </div>\n </div>\n </div>\n</div>\n<div class=\"modal fade\" id=\"checkUserModal\" index=\"1\">\n <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n <div class=\"modal-content rounded-3 shadow\">\n <div class=\"modal-header border-bottom-0 pb-0\">\n <h1 class=\"modal-title fs-5 chk-title text-light\"></h1>\n <button class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"></button>\n </div>\n <div class=\"modal-body text-center\">\n <p class=\"fs-5 mb-0 chk-message text-light\"></p>\n </div>\n </div>\n </div>\n</div>\n<div class=\"md modal fade\" id=\"speedTestModal\">\n <div class=\"md modal-dialog modal-dialog-centered\" role=\"document\">\n <div class=\"md modal-content rounded-3 shadow\">\n <div class=\"md modal-header border-bottom-0 py-3\">\n <button class=\"btn-close btn-close-white\" data-bs-dismiss=\"modal\"\n aria-label=\"Close\"></button>\n \n </div>\n <div class=\"modal-body ratio rounded-bottom-3\" style=\"height: 600px;\">\n <div class=\"spinner d-flex w-100 h-100 align-items-center justify-content-center\">\n <div class=\"spinner-border text-light p-5\" role=\"status\">\n <span class=\"visually-hidden\">Loading...</span>\n </div>\n </div>\n <iframe class=\"rounded-bottom-3\" id=\"speedFrame\"></iframe>\n </div>\n </div>\n </div>\n</div>\n <script src=\"https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js\"></script>\n <script>\n Object.defineProperty(String.prototype, 't', {\n value: function t() {\n return window?.DtTranslateText?.execute('' + this) ?? '' + this\n },\n writable: true,\n configurable: true,\n })\n\n const config = document.querySelector('#config')\n config.parentElement.onclick = () => showConfigsModal();\n\n const username = document.querySelector('#username')\n username.oninput = e => DtUsername.set(e.target.value)\n\n const password = document.querySelector('#password')\n password.oninput = e => DtPassword.set(e.target.value)\n\n const uuid = document.querySelector('#uuid')\n uuid.oninput = e => DtUuid.set(e.target.value)\n\n const clearLogger = document.querySelector('.clear-logger')\n \n\n const checkUserModal = new bootstrap.Modal(document.querySelector('#checkUserModal'))\n const configModal = new bootstrap.Modal(document.querySelector('#configModal'))\n const loggerModal = new bootstrap.Modal(document.querySelector('#loggerModal'))\n const ToolsModal = new bootstrap.Modal(document.querySelector('#ToolsModal'))\n const speedTestModal = new bootstrap.Modal(document.querySelector('#speedTestModal'))\n \n\n const dtConfigClickListener = () => {\n const data = JSON.parse(window?.DtGetDefaultConfig?.execute() || `{ \"auth\": {\"username\": \"\"} }`)\n const isV2ray = data?.mode?.toLowerCase()?.startsWith('v2ray');\n\n config.placeholder = data.name ?? 'Escolha um servidor';\n username.parentElement.style.setProperty('display', !data?.auth?.username && !isV2ray ? 'flex' : 'none', 'important')\n password.parentElement.style.setProperty('display', !data?.auth?.password && !isV2ray ? 'flex' : 'none', 'important')\n uuid.parentElement.style.setProperty('display', !data?.auth?.v2ray_uuid && isV2ray ? 'flex' : 'none', 'important')\n }\n\n const startStopVpn = e => {\n if (DtGetVpnState.execute() != 'DISCONNECTED') {\n DtExecuteVpnStop.execute()\n } else {\n DtExecuteVpnStart.execute()\n } \n }\n\n clearLogger.addEventListener('click', () => DtClearLogs.execute())\n\n speedTestModal._element.addEventListener('shown.bs.modal', () => {\n const iframe = document.querySelector('#speedFrame');\n if (!iframe.src) {\n iframe.src = 'http://speedtest.sercomtel.com.br/'\n iframe.addEventListener('load', () => {\n mp3Modal._element.querySelector('.spinner').classList.add('d-none')\n })\n }\n })\n speedTestModal._element.addEventListener('hide.bs.modal', () => {\n const iframe = document.querySelector('#speedFrame');\n iframe.src = '';\n })\n\n const dtVpnStateListener = state => {\n const isRunning = state != 'DISCONNECTED';\n const status = document.querySelector('#state')\n \n status.innerHTML = ('LBL_STATE_' + state).t()\n cnt.innerHTML = isRunning ? 'LBL_BTN_STOP'.t() : 'LBL_BTN_START'.t()\n\n if (isRunning) {\n username.setAttribute('readonly', 'true')\n password.setAttribute('readonly', 'true')\n status.style.color = '#00ff15'\n btOne.style.color = 'WHITE'\n btOne.style.backgroundColor = 'GREEN'\n \n } else {\n username.removeAttribute('readonly')\n password.removeAttribute('readonly')\n status.style.color = 'RED'\n btOne.style.color = 'WHITE'\n btOne.style.backgroundColor = 'RED' \n } \n }\n \n \n const dtCheckUserStartedListener = () => {\n const data = JSON.parse(window?.DtGetDefaultConfig?.execute() || `{}`)\n const isV2ray = data?.mode?.toLowerCase()?.startsWith('v2ray');\n if (isV2ray || !data.urlCheckUser) return;\n\n const html = `\n <div class=\"d-flex justify-content-center\">\n <div class=\"spinner-border p-4\" role=\"status\">\n <span class=\"visually-hidden\">Loading...</span>\n </div>\n </div>\n `\n\n checkUserModal._element.querySelector('.chk-title').textContent = 'CHECK USER'\n checkUserModal._element.querySelector('.chk-message').innerHTML = html;\n checkUserModal.show()\n }\n\n const dtCheckUserModelListener = model => {\n const data = JSON.parse(model ?? `{\"username\": \"test\"}`)\n const html = `\n <div class=\"d-flex flex-column text-white\">\n <span>🙋♂️ •Nome de usuario: ${data.username}</span>\n <span>🕝 •Expira em: ${data.expiration_date}</span>\n <span>📆 •Dias restantes: ${data.expiration_days}</span>\n <span>🌏 •Conexoes: ${data.count_connections}|${data.limit_connections}</span>\n </div>\n `\n\n checkUserModal._element.querySelector('.chk-title').textContent = ''\n checkUserModal._element.querySelector('.chk-message').innerHTML = html;\n checkUserModal.show()\n }\n\n const showConfigsModal = () => {\n const mock = '[{\"sorter\":6,\"color\":\"#6D08041C\",\"name\":\"CONFIG\",\"id\":1393,\"items\":[{\"mode\":\"V2RAY - VLESS\",\"sorter\":4,\"tlsVersion\":\"TLSv1.2\",\"name\":\"CONFIG 01\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":11803,\"status\":\"ACTIVE\"},{\"mode\":\"SSH_DIRECT\",\"sorter\":2,\"tlsVersion\":\"TLSv1.2\",\"name\":\"CONFIG 02\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":28627,\"status\":\"ACTIVE\"},{\"mode\":\"OVPN_PROXY\",\"sorter\":23,\"tlsVersion\":\"TLSv1.2\",\"name\":\"CONFIG 03\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":30001,\"status\":\"ACTIVE\"}]},{\"sorter\":2,\"color\":\"#6D08041C\",\"name\":\"CONFIG 2\",\"id\":1846,\"items\":[{\"mode\":\"SSH_PROXY\",\"sorter\":1,\"tlsVersion\":\"TLSv1.2\",\"name\":\"CONFIG 01\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":26295,\"status\":\"ACTIVE\"}]},{\"sorter\":4,\"color\":\"#80000000\",\"name\":\"CONFIG 3\",\"id\":3310,\"items\":[{\"mode\":\"SSH_PROXY\",\"sorter\":1,\"tlsVersion\":\"TLSv1.2\",\"name\":\"CONFIG. TEST\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":29997,\"status\":\"ACTIVE\"},{\"mode\":\"OVPN_PROXY\",\"sorter\":1,\"tlsVersion\":\"TLSv1.2\",\"name\":\"CONFIG. TEST 2\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":29998,\"status\":\"ACTIVE\"}]}]'\n const data = JSON.parse(window?.DtGetConfigs?.execute() || mock)\n\n data.sort((a, b) => a.sorter - b.sorter)\n data.forEach(item => item.items.sort((a, b) => a.sorter - b.sorter))\n\n const body = configModal._element.querySelector('.config-body')\n body.innerHTML = ''\n\n data.forEach(category => {\n const categoryElement = document.createElement('li')\n categoryElement.className = 'list-group-item bg-transparent border-0 mb-1 rounded-1 px-1'\n categoryElement.style.color = 'var(--text-color)'\n categoryElement.innerHTML = `<span class=\"fw-bold w-100 d-block p-1 rounded-1 mb-1 bg-category\">${category.name}</span>`\n\n const configUlElement = document.createElement('ul')\n configUlElement.className = 'list-group overflow-y-auto'\n\n category.items.forEach(item => {\n const configElement = document.createElement('li')\n configElement.className = 'list-group-item d-flex border-0 bg-config rounded-2 px-1 py-2 mb-1'\n configElement.style.color = 'var(--text-color)'\n configElement.innerHTML = `\n <img src=\"${item.icon}\" width=\"40\" height=\"40\">\n <div class=\"text-start d-flex flex-column ms-2 w-100 text-truncate\">\n <span class=\"fw-bold text-uppercase\" style=\"font-size: 0.8rem;\">${item.name}</span>\n <span class=\"fst-italic fw-bold text-uppercase\" style=\"font-size: 0.7rem;\">${item.description || ''}</span>\n </div>\n <div class=\"d-flex flex-column ms-2\">\n <span class=\"fst-italic fw-bold text-end text-uppercase text-nowrap\" style=\"font-size: 0.8rem;\">${item.mode}</span>\n </div>\n </li>\n `\n configElement.addEventListener('click', e => {\n window?.DtSetConfig?.execute(item.id)\n configModal.hide()\n })\n configUlElement.appendChild(configElement)\n })\n\n categoryElement.appendChild(configUlElement)\n body.appendChild(categoryElement)\n })\n configModal.show()\n }\n\n const dtOnNewLogListener = () => {\n const mock = [];\n for (let i = 0; i < 30; i++) {\n mock.push({ 'TIME': 'MESSAGE ' + i })\n }\n\n const log = window?.DtGetLogs?.execute() || JSON.stringify(mock)\n const data = JSON.parse(log)\n\n let content = '';\n data.forEach(item => {\n content += '<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);\">';\n content += Object.keys(item)[0] + \" \" + item[Object.keys(item)]\n content += '</li>';\n })\n\n loggerModal._element.querySelector('.logger-content').innerHTML = content;\n const listGroup = loggerModal._element.querySelector('.list-group')\n listGroup.scrollTo(0, listGroup.scrollHeight)\n }\n\n username.value = window?.DtUsername?.get() ?? ''\n password.value = window?.DtPassword?.get() ?? ''\n uuid.value = window?.DtUuid?.get() ?? ''\n\n dtOnNewLogListener()\n dtConfigClickListener()\n dtVpnStateListener(window?.DtGetVpnState?.execute() ?? 'DISCONNECTED')\n \n </script>\n \n <script>\n const config = JSON.parse(DtGetAppConfig.execute());\n const urlCheckUser = new URL(config.urlCheckUser);\n urlCheckUser.protocol = 'http:';\n\n const createConnection = () => new WebSocket(urlCheckUser);\n const startActions = socket => {\n socket.send(JSON.stringify({\n action: 'all',\n data: {}\n }));\n }\n const parseResponseData = data => {\n data = JSON.parse(data);\n console.log(data)\n\n if (data.total != undefined) {\n const total = data.total;\n document.getElementById('total').innerHTML = String(total).padStart(2, '0');\n }\n }\n\n const startSocket = () => {\n const socket = createConnection();\n socket.onopen = e => startActions(socket);\n socket.onmessage = e => parseResponseData(e.data);\n }\n\n const setVpnState = state => {\n if (state == 'CONNECTED') startSocket();\n }\n startSocket();\n </script>\n <script>\n class AndroidMock {\n static getLocalIP() {\n return '192.168.0.1';\n }\n \n static getConfig() {\n return JSON.stringify({\n urlCheckUser: 'URLAQUI'\n });\n }\n \n static getNetworkName() {\n return 'REDE';\n }\n \n static openRadioInfo() {\n console.log('openRadioInfo');\n }\n }\n </script>\n \n <script>\n function showLocalIP(android) {\n console.log(android.getNetworkName());\n document.getElementById('name').innerHTML = ' ' + android.getNetworkName() + ':';\n document.getElementById('ip').innerHTML = android.getLocalIP();\n \n setInterval(() => {\n document.getElementById('name').innerHTML =\n ' ' + android.getNetworkName() + ':';\n document.getElementById('ip').innerHTML = android.getLocalIP();\n }, 2000)\n }\n \n function showCheckUser(android) {\n const config = JSON.parse(window?.DtGetDefaultConfig?.execute() ?? android.getConfig());\n \n const urlCheckUser = new URL(config.urlCheckUser);\n urlCheckUser.protocol = 'ws:';\n const socket = new WebSocket(urlCheckUser);\n socket.onopen = function (e) {\n socket.send(JSON.stringify({\n action: 'all',\n data: {}\n }));\n };\n \n socket.onmessage = function (event) {\n const data = JSON.parse(event.data);\n if (data.total === undefined)\n return;\n \n const total = data.total;\n document.getElementById('total').innerHTML = ' ' + String(total).padStart(2, '0');\n socket.close();\n };\n }\n \n \n \n window.onload = function () {\n const android = window.Android || AndroidMock;\n showLocalIP(android);\n showCheckUser(android);\n }\n \n </script>\n</body>\n</html>",
"type": "HTML",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
},
{
"id": 6169,
"label": "PAGINA WEBVIEW (POR SUA CONTA E RISCO)",
"name": "APP_WEB_VIEW",
"value": null,
"type": "HTML",
"status": "ACTIVE",
"user_id": "9bc2f4c4-8916-42f7-9065-0a907e806ed6"
}
]