[
    {
        "id": 26680,
        "label": "Nome do aplicativo",
        "nome": "APP_NAME",
        "valor": "VPN DTunnel",
        "tipo": "STRING",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26681,
        "label": "Logotipo do aplicativo",
        "nome": "APP_LOGO",
        "valor": nulo,
        "tipo": "IMAGEM",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26682,
        "label": "Imagem de fundo",
        "nome": "APP_BACKGROUND_IMAGE",
        "valor": nulo,
        "tipo": "IMAGEM",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26683,
        "label": "Tipo de fundo do app",
        "nome": "APP_BACKGROUND_TYPE",
        "valor": {
            "opções": [
                {
                    "label": "Imagem",
                    "valor": "IMAGEM"
                },
                {
                    "rótulo": "Cor",
                    "valor": "COR"
                }
            ],
            "selecionado": "COR"
        },
        "tipo": "SELECIONAR",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26684,
        "label": "Cor de fundo",
        "nome": "APP_BACKGROUND_COLOR",
        "valor": "#080e16c7",
        "tipo": "COR",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26685,
        "label": "Cor do cartão inicial",
        "nome": "APP_CARD_COLOR",
        "valor": "#1d242e73",
        "tipo": "COR",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26686,
        "label": "Raio do cartão inicial",
        "nome": "APP_CARD_RADIUS",
        "valor": 20,
        "tipo": "INTEIRO",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26687,
        "label": "Cor do cartão de status",
        "nome": "APP_CARD_STATUS_COLOR",
        "valor": "#1d242e73",
        "tipo": "COR",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26688,
        "label": "Raio do cartão de status",
        "nome": "APP_CARD_STATUS_RADIUS",
        "valor": 25,
        "tipo": "INTEIRO",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26689,
        "label": "Cor do cartão de configurações",
        "nome": "APP_CARD_CONFIG_COLOR",
        "valor": "#0E171EC9",
        "tipo": "COR",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26690,
        "label": "Cor do fundo dos diálogos",
        "nome": "APP_DIALOG_BACKGROUND_COLOR",
        "valor": "#050C5AE4",
        "tipo": "COR",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26691,
        "label": "Cor do fundo do diálogo de log",
        "nome": "APP_DIALOG_LOGGER_COLOR",
        "valor": "#080e16c7",
        "tipo": "COR",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26692,
        "label": "Cor das bordas",
        "nome": "APP_BORDER_COLOR",
        "valor": "#1d242e73",
        "tipo": "COR",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26693,
        "label": "Cor dos inputs",
        "nome": "APP_INPUT_COLOR",
        "valor": "#1d242e73",
        "tipo": "COR",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26694,
        "label": "Raio dos inputs",
        "nome": "APP_INPUT_RADIUS",
        "valor": 25,
        "tipo": "INTEIRO",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26695,
        "label": "Cor dos textos",
        "nome": "APP_TEXT_COLOR",
        "valor": "#FFFFFFFF",
        "tipo": "COR",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26696,
        "label": "Cor dos botões",
        "nome": "APP_BUTTON_COLOR",
        "valor": "#1d242e73",
        "tipo": "COR",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26697,
        "label": "Raio dos botões",
        "nome": "APP_BUTTON_RADIUS",
        "valor": 25,
        "tipo": "INTEIRO",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26698,
        "label": "Cor dos ícones",
        "nome": "APP_ICON_COLOR",
        "valor": "#FFFFFFFF",
        "tipo": "COR",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26699,
        "label": "Exibir modo de conexão",
        "nome": "APP_SHOW_CONNECTION_MODE",
        "valor": verdadeiro,
        "tipo": "BOOLEAN",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26700,
        "label": "Atualizar automaticamente as configurações ao lançar uma atualização.",
        "nome": "APP_CONFIG_AUTO_UPDATE",
        "valor": falso,
        "tipo": "BOOLEAN",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26701,
        "label": "Iniciar o aplicativo automaticamente ao reiniciar o dispositivo",
        "nome": "APP_AUTO_START",
        "valor": falso,
        "tipo": "BOOLEAN",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26702,
        "label": "Usar limitador de conexão",
        "nome": "APP_CONNECTION_LIMITER",
        "valor": falso,
        "tipo": "BOOLEAN",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26703,
        "label": "Usar botão de atualizações",
        "nome": "APP_BTN_UPDATE_ENABLED",
        "valor": verdadeiro,
        "tipo": "BOOLEAN",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26704,
        "label": "Usar botão de registros",
        "nome": "APP_BTN_LOGGER_ENABLED",
        "valor": verdadeiro,
        "tipo": "BOOLEAN",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26705,
        "label": "Usar botão de página webview",
        "nome": "APP_BTN_PAGE_ENABLED",
        "valor": verdadeiro,
        "tipo": "BOOLEAN",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26706,
        "label": "Ativar caixa de diálogo de erros",
        "nome": "APP_DIALOG_ERROR_ENABLED",
        "valor": verdadeiro,
        "tipo": "BOOLEAN",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26707,
        "label": "Ativar diálogo de checkuser",
        "nome": "APP_CHECKUSER_DIALOG_ENABLED",
        "valor": verdadeiro,
        "tipo": "BOOLEAN",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26708,
        "label": "Ativar brinde de sucesso",
        "nome": "APP_SUCCESS_TOAST_ENABLED",
        "valor": verdadeiro,
        "tipo": "BOOLEAN",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26709,
        "label": "Ativar brinde de erro",
        "nome": "APP_ERROR_TOAST_ENABLED",
        "valor": verdadeiro,
        "tipo": "BOOLEAN",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26710,
        "label": "Usar layout webview",
        "nome": "APP_LAYOUT_WEBVIEW_ENABLED",
        "valor": verdadeiro,
        "tipo": "BOOLEAN",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26711,
        "label": "Mensagem",
        "nome": "APP_MESSAGE",
        "valor": nulo,
        "tipo": "TEXTO",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26712,
        "label": "URL de atualização do aplicativo",
        "nome": "APP_UPDATE_URL",
        "valor": nulo,
        "tipo": "URL",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26713,
        "label": "Tipo de mensagem",
        "nome": "APP_MESSAGE_TYPE",
        "valor": {
            "opções": [
                {
                    "rótulo": "Alerta",
                    "valor": "ALERTA"
                },
                {
                    "rótulo": "Informação",
                    "valor": "INFORMAÇÕES"
                },
                {
                    "label": "Boas boas-vindas",
                    "valor": "BEM-VINDO"
                },
                {
                    "label": "Sem mensagem",
                    "valor": "NENHUMA"
                }
            ],
            "selecionado": "NENHUMA"
        },
        "tipo": "SELECIONAR",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26714,
        "label": "LAYOUT WEBVIEW (POR SUA CONTA E RISCO)",
        "nome": "APP_LAYOUT_WEBVIEW",
        100% 50%;\n }\n\n 100% {\n posição de fundo: 0% 50%;\n }\n }\n\n .app-bg-blue {\n fundo: #0000ff; \n BORDER: 1PX SOLID #fff;\n PADDING: 12PX 10PX !IMPORTANTE;\n box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;\n }\n\n\t.app-bg-blue2 {\n background: #62656a;\n BORDA: 0PX SÓLIDO #fff;\n PADDING: 0PX 0PX !IMPORTANTE;\n caixa -sombra: rgba (50, 50, 93, 0,25) 0px 50px 100px -20px, rgba (0, 0, 0, 0,3) 0px 30px 60px -30px;\n }\n\n .app-color-blue {\ n cor: #4071FF;\n }\n\n\t.app-color-blue-escuro {\n cor: #00003f;\n }\n\n .app-color-gray-1 {\n cor : #4d4d4d;\n }\n\n .app-rounded {\n border-bottom-left-radius: 50px;\n border-bottom-right-radius: 50px;\n background: blue;\n }\ n\n .status {\n tamanho da fonte: 1em;\n cor: #fff !important;\n }\n\n .put {\n raio da borda: 60px;\n }\n\n .icon {\n tamanho da fonte: 0,8em;\n cor: var(--box-icon);\n }\n\n entrada {\n largura: 100%;\n fundo: transparente;\n borda: nenhuma ;\n contorno: nenhum;\n cor: var(--box-typing);\n altura da linha: 1;\n peso da fonte: 600;\n tamanho da fonte: 17,6px;\n }\n \n .box {\n borda: var(--box-border);\n fundo: var(--box-bg);\n }\n\n .tool {\n alinhar-items: centro;\ n justificar-conteúdo: centro;\n alinhamento de texto: centro;\n borda: nenhum;\n }\n\n .tool-bt {\n fundo: var(--btn-modal);\n altura: 50px;\n largura: 150px;\n }\n\n .info {\n cor: var(--info2);\n }\n\n .info1 {\n cor: var(--info1); \n }\n\n .info2 {\n cor: var(--modal-icon);\n }\n\n .info3 {\n tamanho da fonte: 1.2em;\n cor: #0000ff;\ n }\n\n .modal {\n filtro de pano de fundo: desfoque(5px);\n -webkit-backdrop-filtro: desfoque(5px);\n }\n\n .modal-content {\n borda: nenhum;\n fundo: #00000000;\n cor: var(--text-color);\n borda: nenhuma !importante;\n box-shadow: nenhuma !importante;\n borda: nenhuma !importante;\n }\n\n .modal-dialog {\n preenchimento: 0 0,5rem;\n }\n\n .bg-category {\n background: var(--category-color);\n }\n\n .bg-config {\n plano de fundo: var(--config-color);\n }\n\n .btn {\n largura: 150px;\n cor de fundo: #171e2e;\n contorno: nenhum;\ n altura: 49px;\n raio da borda: var(--btn-modal-border);\n transformação de texto: maiúscula;\n peso da fonte: 600;\n margem: 10px 0;\n cursor: ponteiro ;\n BORDER: NONE;\n transição: 0,5s;\n }\n </style>\n\n\n\n\n\n\n\n\n \n<style>/* ! tailwindcss v3.3.2 | Licença MIT | https://tailwindcss.com */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after, ::antes{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size: h-44{altura:11rem}.h-56{altura:14rem}.w-12{largura:3rem}.w-44{largura:11rem}.w-56{largura:14rem}.flex-row{flex -direção:linha}.flex-col{direção flexível:coluna}.flex-nowrap{flex-wrap:nowrap}.place-items-center{place-items:center}.items-center{align-items:center }.justify-center{justify-content:center}.gap-2{gap:0.5rem}.overflow-y-auto{overflow-y:auto}.rounded-2xl{border-radius:1rem}.rounded-full {border-radius:9999px}.rounded-xl{border-radius:0.75rem}.border-0{border-width:0px}.border-2{border-width:2px}.bg-transparent{cor de fundo: transparente}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255 / var(--tw-bg-opacity))}.p-0{padding:0px}.p -1{padding:0,25rem}.p-10{padding:2,5rem}.p-2{padding:0,5rem}.p-5{padding:1,25rem}.px-5{padding-left:1,25rem; preenchimento à direita:1,25rem}.px-6{padding-left:1,5rem;padding-right:1,5rem}.py-2{padding-top:0,5rem;padding-bottom:0,5rem}.py-2\ \.5{padding-top:0,625rem;padding-bottom:0,625rem}.py-3{padding-top:0,75rem;padding-bottom:0,75rem}.pb-0{padding-bottom:0px}.pb -44{padding-bottom:11rem}.pt-10{padding-top:2.5rem}.text-center{text-align:center}.text-start{text-align:start}.text-xs{font- tamanho:0,75rem;altura da linha:1rem}.font-semibold{peso da fonte:600}.text-white{--tw-text-opacity:1;color:rgb(255 255 255 / var(--tw -text-opacity))}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0,1), 0 1px 2px -1px rgb(0 0 0 / 0,1);--tw-shadow-colorido :0 1px 3px 0 var(-tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}</style><style>/* ! tailwindcss v3.3.2 | Licença MIT | https://tailwindcss.com */*,::after,::before{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}::after, ::antes{--tw-content:''}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font- família:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \" Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\";font-feature-settings:normal;font-variation-settings:normal}corpo{margem: 0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline pontilhado}h1,h2,h3,h4,h5,h6{tamanho da fonte:herdar;peso da fonte:herdar}a{cor:herdar;decoração de texto:herdar}b,forte{peso da fonte:bolder}código, kbd,pre,samp{font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, \"Liberation Mono\", \"Courier New\", monospace;font-size:1em}small{font- size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}tabela{ text-indent:0;border-color:herdar;border-collapse:collapse}botão,entrada,optgroup,select,textarea{família de fontes:herdar;tamanho da fonte:100%;peso da fonte:herdar;altura da linha :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 round-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\ "><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 0</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 1</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 2</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 3</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 4</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 5</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 6</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 7</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 8</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 9</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 10</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 11</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; cor: var(--text-color);\">MENSAGEM DE HORA 12</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 13</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 14</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 15</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 16</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 17</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 18</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 19</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 20</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 21</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 22</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 23</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 24</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 25</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 26</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; cor: var(--text-color);\">MENSAGEM DE HORA 27</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap\" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 28</li><li class=\"list-group-item bg-transparent p-0 border-0 text-start ms-2 text-wrap \" style=\"tamanho da fonte: 12px; color: var(--text-color);\">MENSAGEM DE HORA 29</li></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 <tipo de botão =\"botão\" class=\"btn btn-primary w-100\" data-bs-dismiss=\"modal\" style=\"cor de fundo:var(--btn-modal)\">FECHAR </button>\n </div>\n </div>\n </div>\n </div>\n <div class=\"ferramenta webm modal fade\" index=\"-1\" id=\"ToolsModal\">\n <div class=\"modal-dialog modal-dialog-centered\" role=\"document\">\n <div class=\"modal-content\">\n <div class=\"tool modal-header\">\n <h5 class=\"modal-title\" style=\"color:#fff\">FERRAMENTAS</h5>\n </div>\n \n <div class=\"modal-body\" style=\"display: flex; justificar-conteúdo: centro; alinhar-items: center;\">\n <button type=\"button\" class=\"rounded-2xl text-white\" id=\"hotspot-button\" style=\"background: rgba(0 , 0, 0, 0,3); preenchimento: 10px; esboço: nenhum; borda: 0; exibição: flexível; alinhar itens: centro; lacuna: 5px;\">\n <i class=\"bi bi-router\"></i>\n\n <span id=\"hotspot-value\">ATIVAR HOTSPOT</span>\n </button>\n </div>\n \n \n\t\t<div class=\"modal-body\">\n <button class=\"tool-bt arredondado-2xl texto-branco\ " onclick=\"DtStartWebViewActivity.execute("https://www.speedtest.net/pt")\"><i class=\"info2 bi-velocímetro mr-2\"></i> SPEEDTEST< /button>\n </div>\n <div class=\"modal-body\">\n <button class=\"tool-bt round-2xl text-white\" onclick=\"DtStartApnActivity.execute( )\"><i class=\"bi bi-wrench-adjustable-circle\"></i> CONFIGURAR APN</button>\n \n <div class=\"modal-body\">\n\ t\n\t <button class=\"tool-bt round-2xl text-white\" onclick=\"DtStartWebViewActivity.execute('https://bit. js\"></script>\n\n <script>\n const appGetStatusHotspot = () => DtGetStatusHotSpotService.execute()\n const appStartHotspot = () => DtStartHotSpotService.execute()\n const appStopHotspot = () => DtStopHotSpotService.execute()\n\n const hotspotValue = document.querySelector('#hotspot-value')\n const hotspotButton = document.querySelector('#hotspot-button')\n\n const startHotspot = () => {\n appStartHotspot()\n\n hotspotValue.innerHTML = 'PARAR HOTSPOT'\n }\n\n const stopHotspot = () => {\n appStopHotspot()\n\n hotspotValue.innerHTML = 'INICIAR HOTSPOT'\n }\n\n const toggleHotspot = () => {\n appGetStatusHotspot() === 'PARADO' ? startHotspot() : stopHotspot()\n }\n\n const setStatusHotspot = () => {\n if (appGetStatusHotspot() === 'PARADO') {\n hotspotValue.innerHTML = 'INICIAR HOTSPOT'\n } else {\n hotspotValue.innerHTML = 'PARAR HOTSPOT'\n }\n }\n \ n hotspotButton.addEventListener('click', (e) => {\n e.preventDefault()\n\n toggleHotspot()\n })\n\n setStatusHotspot()\n\n\n </script> \n\n <script>\n Object.defineProperty(String.prototype, 't', {\n valor: function t() {\n return window?.DtTranslateText?.execute('' + this) ?? '' + isto\n },\n gravável: verdadeiro,\n configurável: verdadeiro,\n })\n\n const config = document.querySelector('#config')\n config.parentElement.onclick = () => showConfigsModal();\n\n const nome de usuário = document.querySelector('#username')\n nome de usuário.oninput = e => DtUsername.set(e.target.value)\n\n const senha = documento. 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 const checkUserModal = new bootstrap.Modal(document.querySelector('#checkUserModal') )\n const configModal = novo bootstrap.Modal(document.querySelector('#configModal'))\n const loggerModal = novo bootstrap.Modal(document.querySelector('#loggerModal'))\n const ToolsModal = novo bootstrap.Modal (document.querySelector('#ToolsModal'))\n const speedTestModal = new bootstrap.Modal(document.querySelector('#speedTestModal'))\n\n const dtConfigClickListener = () => {\n const data = JSON. analisar(janela?.DtGetDefaultConfig?.execute() || `{ \"auth\": {\"nome de usuário\": \"\"} }`)\n const isV2ray = data?.mode?.toLowerCase()?.startsWith('v2ray');\n\n config.placeholder = dados.nome ?? 'ESCOLHA UMA OPERADORA ';\n nomedeusuário.parentElement.style.setProperty('display', !data?.auth?. nome de usuário && !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\n DtExecuteVpnStop.execute()\n document.getElementById(\"btnc\").style.background = \"linear-gradient(- 45deg, #4071ff, #2b4089, #0098ff, #5995fd)\";\n document.getElementById(\"btnc\").style.background = \"blue\";\n } else {\n DtExecuteVpnStart.execute ()\n document.getElementById(\"btnc\").style.background = \"gradiente linear(-45deg, #4071ff, #2b4089, #0098ff, #5995fd)\";\n document.getElementById(\ "btnc\").style.background = \"blue\";\n }\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 = 'https://fast.com/pt/'\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 isConnected = state == 'CONNECTED';\n const isDesconnected = state == 'DISCONNECTED';\n const status = document.querySelector('#state')\n\n status.innerHTML = ('LBL_STATE_' + state).t()\n\n if (isRunning) { \n document.getElementById(\"btnc\").style.background = \"gradiente linear(-45deg, #ffcc00, #d5de0a, #ebd138, #ffcc00)\";\n document.getElementById(\"footer1 \").style.background = \"#ffcc00\";\n document.getElementById(\"icop\").style.color = \"#dce600\";\n nomedeusuário.setAttribute('readonly', ' true')\n password.setAttribute('readonly', 'true')\n status.style.color = '#00ff15'\n } else {\n nomedeusuário.removeAttribute('readonly')\n password.removeAttribute( 'readonly')\n status.style.color = 'RED'\n }\n if (isConnected) {\n document.getElementById(\"btnc\").style. background = \"gradiente linear(-45deg, #64dd17, #00ce6e, #64dd17, #5ddf15)\";\n document.getElementById(\"footer1\").style.background = \"#64dd17\"; \n document.getElementById(\"icop\").style.color = \"#64dd17\";\n\n const inter = document.getElementById('inter');\n const inter2 = document.getElementById(' inter2');\n inter.className = \"bi bi-toggle-on\";\n inter2.className = \"bi bi-toggle-on\";\n\n const elemento = document.getElementById(' userinfo1');\n elemento.innerHTML = nomedeusuario.value;\n\n dns1.innerHTML = \"1.1.1.1\";\n nomedeusuario.setAttribute('readonly', 'true')\n password.setAttribute( 'readonly', 'true')\n status.style.color = '#00ff15'\n fetch('https://api.ipify.org/?format=json')\n .then(response => resposta .json())\n .then(data => {\n const publicIP = data.ip;\n document.getElementById('ip').textContent = publicIP;\n })\n .catch(error => {\n console.log('Erro ao obter o endereço IP público:', error);\n });\n\n }\n if (isDesconnected) {\n document.getElementById(\"btnc\") .style.background = \"gradiente linear(-45deg, #ff8764, #ff7463, #ff5c5f, #ff3858)\";\n document.getElementById(\"footer1\").style.background = \"vermelho\ ";\n document.getElementById(\"icop\").style.color = \"#ff0000\";\n const elemento3 = document.getElementById('usericon1');\n const elemento2 = document.getElementById(' userinfo2');\n elemento3.className = \"bi bi-person\";\n\n elemento2.innerHTML = \"Desconectado\";\n\t\t\n\t\t const inter3 = document. getElementById('inter');\n const inter4 = document.getElementById('inter2');\n inter3.className = \"bi bi-toggle-off\";\n inter4.className = \"bi bi-toggle-off\";\n inter4.className = \"bi bi-toggle-off" -off\";\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)\n return;\n\n const html = `\n <div class=\"d-flex justifique-content-center\">\n <div class=\"spinner-border p-4\" role=\"status\">\n <span class =\"visualmente oculto\">Carregando...</span>\n </div>\n </div>\n `\n\n checkUserModal._element.querySelector('.chk-title'). textContent = 'VERIFICAR USUÁRIO'\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 elemento2 = document.getElementById('userinfo2');\n const elemento3 = document.getElementById('usericon1');\n var dias = `${data.expiration_days}`;\n var diasrestantes = \"dias restantes\";\n var resultado = dias + \" \" + diasrestantes;\n elemento2.innerHTML = resultado;\n elemento3.className = \"bi bi-person-check\";\n\n }\n\n const showConfigsModal = () => {\n const mock = '[{\"sorter\":6,\"color\":\"#6D08041C\",\"name\":\" CONFIG\",\"id\":1393,\"items\":[{\"mode\":\"V2RAY - VLESS\",\"classificador\":4,\"tlsVersion\":\" TLSv1.2\",\"nome\":\"CONFIG 01\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\" ,\"id\":11803,\"status\":\"ACTIVE\"},{\"mode\":\"SSH_DIRECT\",\"classificador\":2,\"tlsVersion\":\ "TLSv1.2\",\"nome\":\"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\",\"nome\":\"CONFIG 03\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png \",\"id\":30001,\"status\":\"ACTIVE\"}]},{\"classificador\":2,\"color\":\"#6D08041C\",\" nome\":\"CONFIG 2\",\"id\":1846,\"items\":[{\"mode\":\"SSH_PROXY\",\"classificador\":1,\"tlsVersion \":\"TLSv1.2\",\"nome\":\"CONFIG 01\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/ 8187143.png\",\"id\":26295,\"status\":\"ACTIVE\"}]},{\"classificador\":4,\"color\":\"#80000000\" ,\"nome\":\"CONFIG 3\",\"id\":3310,\"items\":[{\"mode\":\"SSH_PROXY\",\"classificador\":1, \"tlsVersion\":\"TLSv1.2\",\"nome\":\"CONFIG. TESTE\",\"icon\":\"https://cdn-icons-png.flaticon.com/512/8187/8187143.png\",\"id\":29997,\"status\": \"ACTIVE\"},{\"mode\":\"OVPN_PROXY\",\"sorter\":1,\"tlsVersion\":\"TLSv1.2\",\"nome\":\" CONFIG. TESTE 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 categoriaElement = document.createElement('li')\n categoriaElement.className = 'lista-grupo-item bg-borda transparente-0 mb-1 arredondado-1 px-1'\n categoriaElement.style.color = 'var(--text-color)'\n categoriaElement.innerHTML = `<span class=\"fw-bold w-100 d-block p-1 arredondado-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 categoria.items.forEach(item => {\n const configElement = document.createElement('li')\n configElement .className = 'lista-grupo-item d-flex border-0 bg-config arredondado-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=\"35\">\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. nome}</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 janela?.DtSetConfig?.execute(item.id)\n configModal.hide()\n })\n configUlElement.appendChild(configElement)\n })\n \ncategoryElement.appendChild(configUlElement)\n body.appendChild(categoryElement)\n })\n configModal.show()\n }\n\n const dtOnNewLogListener = () => {\n const mock = []; \n for (seja i = 0; i < 30; i++) {\n mock.push({\n 'TIME': 'MESSAGE ' + i\n })\n }\n\n const log = janela? .DtGetLogs?.execute() || JSON.stringify(mock)\n dados const = 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 nomedeusuario.value = janela?.DtUsername? .pegar() ?? ''\n senha.valor = janela?.DtPassword?.get() ?? ''\n uuid.value = janela?.DtUuid?.get() ?? ''\n\n dtOnNewLogListener()\n dtConfigClickListener()\n dtVpnStateListener(window?.DtGetVpnState?.execute() ?? 'DISCONNECTED')\n </script>\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 ação: 'all',\n dados: {}\n }));\n }\n const parseResponseData = dados => {\n dados = JSON.parse(dados);\n console.log(dados)\n\n if (data.total != indefinido) {\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')\n startSocket();\n\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: ''\n });\n }\n\n\n\n static openRadioInfo() { \n console.log('openRadioInfo');\n }\n }\n </script>\n <script>\n function showLocalIP(android) {\n\n\n document.getElementById('ip') .innerHTML = android.getLocalIP();\n\n setInterval(() => {\n\n document.getElementById('ip').innerHTML = android.getLocalIP();\n }, 2000000)\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 === indefinido)\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 window.onload = função () {\n const android = janela.Android || AndroidMock;\n showLocalIP(android);\n showCheckUser(android);\n }\n </script>\n \n</body></html>",
        "tipo": "HTML",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26715,
        "label": "ANDROID WEBVIEW (POR SUA CONTA E RISCO)",
        "nome": "APP_SUPPORT_BUTTON",
        "valor": nulo,
        "tipo": "HTML",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    },
    {
        "id": 26716,
        "label": "PAGINA WEBVIEW (POR SUA CONTA E RISCO)",
        "nome": "APP_WEB_VIEW",
        "valor": nulo,
        "tipo": "HTML",
        "status": "ATIVO",
        "user_id": "1d0f117b-f7d8-4313-bd84-5b7f5af7bc06"
    }
]