Comma-separated host list logs into every host, merges VM lists tagged by origin host, and routes SPICE connections to the right one. Also adds a username format hint (user@realm) on the login form.
45 lines
1.7 KiB
HTML
45 lines
1.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="Content-Security-Policy"
|
|
content="default-src 'self'; script-src 'self'; style-src 'self'">
|
|
<title>Proxmox SPICE Client</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body class="login-page">
|
|
<div class="login-card">
|
|
<div class="brand">
|
|
<h1>Proxmox SPICE</h1>
|
|
<div class="tagline">VDI Client</div>
|
|
</div>
|
|
|
|
<form id="loginForm" autocomplete="on">
|
|
<div class="field">
|
|
<label for="host">Proxmox Host(s)</label>
|
|
<input type="text" id="host" placeholder="pve.example.com" autocomplete="url" spellcheck="false">
|
|
<div class="field-hint">Mehrere eigenständige Hosts mit denselben Zugangsdaten? Mit Komma trennen, z. B. pve1.example.com, pve2.example.com</div>
|
|
</div>
|
|
<div class="field">
|
|
<label for="username">Benutzer</label>
|
|
<input type="text" id="username" placeholder="root@pam" autocomplete="username" spellcheck="false">
|
|
<div class="field-hint">Format: Benutzer@Realm — z. B. root@pam</div>
|
|
</div>
|
|
<div class="field">
|
|
<label for="password">Passwort</label>
|
|
<input type="password" id="password" autocomplete="current-password">
|
|
</div>
|
|
<div class="checkbox-row">
|
|
<input type="checkbox" id="saveCredentials">
|
|
<label for="saveCredentials">Zugangsdaten speichern</label>
|
|
</div>
|
|
<button type="submit" id="loginBtn" class="btn-primary">Anmelden</button>
|
|
<div id="error" class="error hidden"></div>
|
|
</form>
|
|
</div>
|
|
|
|
<script src="login.js"></script>
|
|
</body>
|
|
</html>
|