86 lines
3.6 KiB
HTML
86 lines
3.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="de">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Lizenzgenerator</title>
|
|
<link rel="icon" type="image/x-icon" href="/pictures/favicon.ico">
|
|
<link rel="stylesheet" href="/css/generator.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;">
|
|
<h1 style="margin: 0;">🔐 Lizenzgenerator</h1>
|
|
<div style="display: flex; gap: 10px;">
|
|
<button onclick="goBackToDashboard()" style="padding: 10px 20px; background: #2196f3; color: white; border: none; border-radius: 8px; cursor: pointer; font-weight: 500; transition: all 0.3s ease;">⬅️ Zurück zum Dashboard</button>
|
|
<button onclick="logout()" style="padding: 10px 20px; background: #f44336; color: white; border: none; border-radius: 8px; cursor: pointer; font-weight: 500; transition: all 0.3s ease;">🚪 Abmelden</button>
|
|
</div>
|
|
</div>
|
|
|
|
<form id="licenseForm" onsubmit="generateLicense(); return false;">
|
|
<div class="form-group">
|
|
<label for="mac">MAC-Adresse</label>
|
|
<input type="text" id="mac" name="mac" placeholder="00:1A:2B:3C:4D:5E" required>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label for="tier">Lizenzstufe</label>
|
|
<input type="number" id="tier" name="tier" min="1" max="4" value="1" required>
|
|
</div>
|
|
|
|
<div id="dbConfig" class="db-config">
|
|
<!-- Token-Felder werden hier dynamisch eingefügt -->
|
|
</div>
|
|
|
|
<button type="submit" class="generate-btn" id="generateBtn">
|
|
<span id="btn-text">Lizenz generieren</span>
|
|
</button>
|
|
</form>
|
|
|
|
<div id="result" class="result-section">
|
|
<div class="license-label">Generierter Lizenzschlüssel:</div>
|
|
<div class="license-output" id="license-output"></div>
|
|
<button class="copy-btn" id="copyButton" onclick="copyToClipboard()">📋 In Zwischenablage kopieren</button>
|
|
</div>
|
|
|
|
<div id="success" class="success"></div>
|
|
<div id="error" class="error"></div>
|
|
|
|
<div class="info-text">
|
|
Der Lizenzgenerator erstellt sichere API-Token für verschiedene Zugriffsstufen.
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Footer -->
|
|
<footer class="footer">
|
|
<div class="footer-content">
|
|
<div class="footer-links">
|
|
<a href="/impressum.html" class="footer-link">Impressum</a>
|
|
<a href="/datenschutz.html" class="footer-link">Datenschutz</a>
|
|
<button id="cookie-settings-footer" class="footer-link cookie-settings-btn">Cookie-Einstellungen</button>
|
|
</div>
|
|
<div class="footer-text">
|
|
<p>© 2024 NinjaCross. Alle Rechte vorbehalten.</p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="/js/cookie-consent.js"></script>
|
|
<script src="/js/generator.js"></script>
|
|
<script>
|
|
// Verhindert Enter-Taste in Eingabefeldern
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const inputs = document.querySelectorAll('input, textarea');
|
|
inputs.forEach(input => {
|
|
input.addEventListener('keydown', function(e) {
|
|
if (e.key === 'Enter') {
|
|
e.preventDefault();
|
|
return false;
|
|
}
|
|
});
|
|
});
|
|
});
|
|
</script>
|
|
</body>
|
|
</html>
|