4818172bc6
Migrate many view templates from raw PHP to Twig and modernize UI/UX for 2FA and settings. Controllers updated to provide avatar data and two-factor info (ProfileController, UserController) and SettingsController now includes timezone lists, notification preset selection, cron path, cached update state and rollback availability. ErrorHandler now attempts to render error pages via a new Core\TwigService with a safe fallback to raw PHP views. TwoFactorService generation silences deprecated warnings during QR code creation. Numerous .php view files were removed and replaced with .twig equivalents (2fa setup/verify/backup-codes and many auth, dashboard, domains, errors, layout, users, tags, tld-registry, etc.), and core/TwigService was added. These changes move the app toward a Twig-based templating system, improve 2FA flows, surface avatar images in lists/profiles, and make error rendering more robust.
106 lines
5.4 KiB
Twig
106 lines
5.4 KiB
Twig
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Installation Complete</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" />
|
|
<script>
|
|
tailwind.config = {
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: { DEFAULT: '#4A90E2', dark: '#357ABD' }
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
<style>
|
|
body { background-color: #f8f9fa; }
|
|
</style>
|
|
</head>
|
|
<body class="min-h-screen flex items-center justify-center p-4">
|
|
<div class="max-w-2xl w-full">
|
|
<div class="bg-white rounded-lg shadow-sm border border-gray-200 p-8">
|
|
<div class="text-center mb-8">
|
|
<div class="inline-flex items-center justify-center w-20 h-20 bg-green-100 rounded-full mb-4">
|
|
<i class="fas fa-check-circle text-green-600 text-5xl"></i>
|
|
</div>
|
|
<h1 class="text-3xl font-bold text-gray-900 mb-2">Installation Complete!</h1>
|
|
<p class="text-gray-600">Domain Monitor is ready to use</p>
|
|
</div>
|
|
|
|
<div class="bg-amber-50 border-2 border-amber-400 rounded-lg p-6 mb-6">
|
|
<div class="flex items-start">
|
|
<i class="fas fa-exclamation-triangle text-amber-600 text-2xl mr-4"></i>
|
|
<div class="flex-1">
|
|
<h3 class="text-lg font-semibold text-amber-900 mb-2">Save Your Credentials!</h3>
|
|
<p class="text-sm text-amber-800 mb-4">This password will not be shown again. Save it to a secure password manager.</p>
|
|
|
|
<div class="bg-white rounded-lg border border-amber-300 p-4">
|
|
<div class="space-y-2">
|
|
<div class="flex items-center justify-between">
|
|
<span class="text-sm font-medium text-gray-600">Username:</span>
|
|
<span class="text-sm font-mono font-bold text-gray-900 select-all">{{ adminUsername|default('admin') }}</span>
|
|
</div>
|
|
<div class="flex items-center justify-between">
|
|
<span class="text-sm font-medium text-gray-600">Password:</span>
|
|
<span class="text-sm font-mono font-bold text-gray-900 select-all">{{ adminPassword|default('********') }}</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="bg-gray-50 rounded-lg border border-gray-200 p-6 mb-6">
|
|
<h3 class="text-sm font-semibold text-gray-700 uppercase tracking-wider mb-4">Installation Summary</h3>
|
|
<div class="space-y-3">
|
|
<div class="flex items-center">
|
|
<i class="fas fa-check-circle text-green-500 mr-3"></i>
|
|
<span class="text-sm text-gray-700">Database tables created</span>
|
|
</div>
|
|
<div class="flex items-center">
|
|
<i class="fas fa-check-circle text-green-500 mr-3"></i>
|
|
<span class="text-sm text-gray-700">Admin account configured</span>
|
|
</div>
|
|
<div class="flex items-center">
|
|
<i class="fas fa-check-circle text-green-500 mr-3"></i>
|
|
<span class="text-sm text-gray-700">Encryption key generated</span>
|
|
</div>
|
|
<div class="flex items-center">
|
|
<i class="fas fa-check-circle text-green-500 mr-3"></i>
|
|
<span class="text-sm text-gray-700">All migrations applied</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="bg-blue-50 rounded-lg border border-blue-200 p-4 mb-6">
|
|
<h3 class="text-sm font-semibold text-blue-900 mb-3">
|
|
<i class="fas fa-lightbulb mr-2"></i>Next Steps
|
|
</h3>
|
|
<ol class="text-sm text-blue-800 space-y-1 ml-5 list-decimal">
|
|
<li>Log in with your admin credentials</li>
|
|
<li>Configure email settings (Settings → Email)</li>
|
|
<li>Import TLD registry data (TLD Registry → Import TLDs)</li>
|
|
<li>Add your first domain</li>
|
|
<li>Set up notification groups</li>
|
|
<li>Configure cron job for automated monitoring</li>
|
|
</ol>
|
|
</div>
|
|
|
|
<a href="/login" class="block w-full bg-primary hover:bg-primary-dark text-white py-2.5 rounded-lg font-medium text-center transition-colors">
|
|
<i class="fas fa-sign-in-alt mr-2"></i>
|
|
Go to Login
|
|
</a>
|
|
</div>
|
|
|
|
<div class="text-center mt-6">
|
|
<p class="text-gray-500 text-xs">© {{ "now"|date("Y") }} <a href="https://github.com/Hosteroid/domain-monitor" target="_blank" class="hover:text-blue-600 transition-colors duration-150" title="Visit Domain Monitor on GitHub">Domain Monitor</a></p>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|