VPS 4 Builder
146 lines
7.5 KiB
HTML
146 lines
7.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="pt-BR">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>ScoreOdonto - Configuração</title>
|
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="config-ui.css">
|
|
</head>
|
|
<body>
|
|
<div id="toast" class="toast"></div>
|
|
<div class="page-container">
|
|
<!-- HEADER -->
|
|
<header class="header">
|
|
<div class="logo">
|
|
<span class="logo-icon">🦷</span>
|
|
<div class="logo-text">
|
|
<h1>ScoreOdonto</h1>
|
|
<p>Dental Client Setup</p>
|
|
</div>
|
|
</div>
|
|
<div style="display: flex; align-items: center; gap: 8px;">
|
|
<div class="brand-domain">rx.scoreodonto.com</div>
|
|
<span id="app-version-badge" style="font-size: 10px; background: rgba(130,87,229,0.15); color: rgba(180,160,255,0.8); padding: 2px 8px; border-radius: 20px; border: 1px solid rgba(130,87,229,0.2); font-family: 'JetBrains Mono', monospace; letter-spacing: 0.5px;">Client v...</span>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- MAIN CONTENT AREA -->
|
|
<main class="main-content">
|
|
|
|
<!-- 1. LOGIN SCREEN -->
|
|
<div id="login-container" class="container-panel">
|
|
<div class="panel-header">
|
|
<h2>🔒 Acesso Restrito</h2>
|
|
<p>Insira as credenciais do Administrador para alterar as configurações.</p>
|
|
</div>
|
|
<form id="login-form" class="login-form">
|
|
<div class="form-group">
|
|
<label for="login-username">👤 Usuário</label>
|
|
<input type="text" id="login-username" placeholder="Digite o usuário" required autocomplete="off">
|
|
</div>
|
|
<div class="form-group">
|
|
<label for="login-password">🔑 Senha</label>
|
|
<input type="password" id="login-password" placeholder="Digite a senha" required>
|
|
</div>
|
|
<div class="login-actions">
|
|
<button type="button" id="btn-login-cancel" class="btn btn-outline">Minimizar</button>
|
|
<button type="submit" id="btn-login-submit" class="btn btn-primary">Entrar</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
|
|
<!-- 2. CONFIGURATION SCREEN (Hidden by default, shown after login or on first run) -->
|
|
<div id="settings-container" class="container-panel hidden">
|
|
<form id="config-form" class="config-form">
|
|
<div class="form-grid">
|
|
<!-- Machine Name - High Priority -->
|
|
<div class="form-group full-width">
|
|
<label for="clientName">🖥️ Nome Deste Computador</label>
|
|
<input type="text" id="clientName" placeholder="Ex: PC-CONSULTORIO-1" required autocomplete="off">
|
|
<small class="help-text">Insira um nome único identificável no painel da ScoreOdonto.</small>
|
|
</div>
|
|
|
|
<!-- Server URL -->
|
|
<div class="form-group">
|
|
<label for="serverUrl">🌐 URL do Servidor</label>
|
|
<input type="text" id="serverUrl" placeholder="https://rx.scoreodonto.com" required autocomplete="off">
|
|
</div>
|
|
|
|
<!-- Monitor Path -->
|
|
<div class="form-group">
|
|
<label for="monitorPath">📁 Pasta para Monitorar</label>
|
|
<input type="text" id="monitorPath" placeholder="C:\ProgramData\RF\Dental Sensor\Images" required autocomplete="off">
|
|
</div>
|
|
|
|
<!-- Server Email -->
|
|
<div class="form-group">
|
|
<label for="serverEmail">📧 E-mail do Servidor</label>
|
|
<input type="email" id="serverEmail" placeholder="email@clinica.com" required autocomplete="off">
|
|
</div>
|
|
|
|
<!-- Server Password -->
|
|
<div class="form-group">
|
|
<label for="serverPassword">🔑 Senha do Servidor</label>
|
|
<input type="password" id="serverPassword" placeholder="Sua senha no servidor" required autocomplete="off">
|
|
</div>
|
|
|
|
<!-- Server Token -->
|
|
<div class="form-group">
|
|
<label for="token">🔑 Token do Servidor</label>
|
|
<input type="text" id="token" placeholder="Token de 48 caracteres do cadastro" required autocomplete="off">
|
|
</div>
|
|
|
|
<!-- Local Admin Username -->
|
|
<div class="form-group">
|
|
<label for="adminUsername">👤 Usuário do Painel</label>
|
|
<input type="text" id="adminUsername" placeholder="Usuário admin" required autocomplete="off">
|
|
</div>
|
|
|
|
<!-- Local Admin Password -->
|
|
<div class="form-group full-width">
|
|
<label for="adminPassword">🔒 Senha do Painel (Bloqueio de Configurações)</label>
|
|
<div class="password-wrapper">
|
|
<input type="password" id="adminPassword" placeholder="Senha do painel" required autocomplete="off">
|
|
<button type="button" id="toggle-admin-password" class="btn-toggle-password">👁️</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- ACTIONS -->
|
|
<div class="form-actions">
|
|
<button type="button" id="btn-test" class="btn btn-outline">
|
|
<span id="test-spinner" class="spinner"></span>
|
|
<span id="test-text">⚡ Testar Conexão</span>
|
|
</button>
|
|
<div class="right-buttons">
|
|
<button type="button" id="btn-cancel" class="btn btn-text">Minimizar</button>
|
|
<button type="submit" id="btn-save" class="btn btn-primary">
|
|
<span id="save-spinner" class="spinner"></span>
|
|
<span>💾 Salvar Configurações</span>
|
|
</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
|
|
<!-- TERMINAL LOGS -->
|
|
<div class="terminal-container">
|
|
<div class="terminal-header">
|
|
<h3>📜 Logs do Sistema</h3>
|
|
<button type="button" class="btn btn-outline btn-sm" id="btn-copy-logs" title="Copiar logs">
|
|
<span id="copy-icon">📋</span> Copiar
|
|
</button>
|
|
</div>
|
|
<div class="terminal-body" id="terminal-logs">
|
|
<div class="log-line">[Sistema] Aguardando logs do monitor...</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</main>
|
|
</div>
|
|
|
|
<script src="config-ui.js"></script>
|
|
</body>
|
|
</html>
|