Switch PHP views to Twig and add 2FA/UI enhancements
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.
This commit is contained in:
Hosteroid
@@ -24,7 +24,6 @@
|
||||
<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">
|
||||
<!-- Success Icon -->
|
||||
<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>
|
||||
@@ -33,7 +32,6 @@
|
||||
<p class="text-gray-600">Domain Monitor is ready to use</p>
|
||||
</div>
|
||||
|
||||
<!-- Important Notice -->
|
||||
<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>
|
||||
@@ -45,11 +43,11 @@
|
||||
<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"><?= htmlspecialchars($adminUsername ?? 'admin') ?></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"><?= htmlspecialchars($adminPassword ?? '********') ?></span>
|
||||
<span class="text-sm font-mono font-bold text-gray-900 select-all">{{ adminPassword|default('********') }}</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -57,7 +55,6 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Success Checklist -->
|
||||
<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">
|
||||
@@ -80,15 +77,14 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Next Steps -->
|
||||
<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>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>
|
||||
@@ -102,7 +98,7 @@
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-6">
|
||||
<p class="text-gray-500 text-xs">© <?= 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>
|
||||
<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>
|
||||
@@ -24,7 +24,6 @@
|
||||
<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">
|
||||
<!-- Header -->
|
||||
<div class="text-center mb-8">
|
||||
<div class="inline-flex items-center justify-center w-16 h-16 bg-primary rounded-lg mb-4">
|
||||
<i class="fas fa-arrow-up text-white text-3xl"></i>
|
||||
@@ -33,7 +32,6 @@
|
||||
<p class="text-gray-600">New database migrations are available</p>
|
||||
</div>
|
||||
|
||||
<!-- Warning -->
|
||||
<div class="bg-amber-50 border border-amber-300 rounded-lg p-4 mb-6">
|
||||
<div class="flex items-start">
|
||||
<i class="fas fa-exclamation-triangle text-amber-600 text-xl mr-3"></i>
|
||||
@@ -44,38 +42,35 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Pending Migrations -->
|
||||
<div class="mb-6">
|
||||
<h2 class="text-lg font-semibold text-gray-900 mb-3">Pending Migrations</h2>
|
||||
<div class="bg-gray-50 border border-gray-200 rounded-lg p-4">
|
||||
<ul class="space-y-2">
|
||||
<?php foreach ($migrations as $migration): ?>
|
||||
{% for migration in migrations %}
|
||||
<li class="flex items-center text-sm">
|
||||
<i class="fas fa-circle text-xs text-gray-400 mr-3"></i>
|
||||
<span class="font-mono text-gray-700"><?= htmlspecialchars($migration) ?></span>
|
||||
<span class="font-mono text-gray-700">{{ migration }}</span>
|
||||
</li>
|
||||
<?php endforeach; ?>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<div class="mt-3 pt-3 border-t border-gray-300">
|
||||
<p class="text-sm font-semibold text-gray-900">
|
||||
<i class="fas fa-database mr-2"></i>
|
||||
Total: <?= count($migrations) ?> migration(s)
|
||||
Total: {{ migrations|length }} migration(s)
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Error Alert -->
|
||||
<?php if (isset($_SESSION['error'])): ?>
|
||||
{% if flash.error is defined %}
|
||||
<div class="mb-6 bg-red-50 border border-red-200 p-3 rounded-lg">
|
||||
<div class="flex items-center">
|
||||
<i class="fas fa-exclamation-circle text-red-500 mr-2"></i>
|
||||
<span class="text-sm text-red-700"><?= htmlspecialchars($_SESSION['error']) ?></span>
|
||||
<span class="text-sm text-red-700">{{ flash.error }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<?php unset($_SESSION['error']); endif; ?>
|
||||
{% endif %}
|
||||
|
||||
<!-- Actions -->
|
||||
<form method="POST" action="/install/update" class="space-y-3">
|
||||
<button type="submit" class="w-full bg-primary hover:bg-primary-dark text-white py-2.5 rounded-lg font-medium transition-colors">
|
||||
<i class="fas fa-download mr-2"></i>
|
||||
@@ -89,7 +84,7 @@
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-6">
|
||||
<p class="text-gray-500 text-xs">© <?= 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>
|
||||
<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>
|
||||
@@ -23,9 +23,7 @@
|
||||
</head>
|
||||
<body class="min-h-screen flex items-center justify-center p-4">
|
||||
<div class="max-w-2xl w-full">
|
||||
<!-- Installer Card -->
|
||||
<div class="bg-white rounded-lg shadow-sm border border-gray-200 p-8">
|
||||
<!-- Logo and Title -->
|
||||
<div class="text-center mb-8">
|
||||
<div class="inline-flex items-center justify-center w-16 h-16 bg-primary rounded-lg mb-4">
|
||||
<i class="fas fa-globe text-white text-3xl"></i>
|
||||
@@ -34,7 +32,6 @@
|
||||
<p class="text-gray-600">Welcome! Let's set up your monitoring system</p>
|
||||
</div>
|
||||
|
||||
<!-- Installation Steps -->
|
||||
<div class="bg-gray-50 rounded-lg border border-gray-200 p-6 mb-6">
|
||||
<h2 class="text-sm font-semibold text-gray-700 uppercase tracking-wider mb-4">Installation Steps</h2>
|
||||
<div class="space-y-3">
|
||||
@@ -62,17 +59,15 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Error Alert -->
|
||||
<?php if (isset($_SESSION['error'])): ?>
|
||||
{% if flash.error is defined %}
|
||||
<div class="mb-6 bg-red-50 border border-red-200 p-3 rounded-lg">
|
||||
<div class="flex items-center">
|
||||
<i class="fas fa-exclamation-circle text-red-500 mr-2"></i>
|
||||
<span class="text-sm text-red-700"><?= htmlspecialchars($_SESSION['error']) ?></span>
|
||||
<span class="text-sm text-red-700">{{ flash.error }}</span>
|
||||
</div>
|
||||
</div>
|
||||
<?php unset($_SESSION['error']); endif; ?>
|
||||
{% endif %}
|
||||
|
||||
<!-- Installation Form -->
|
||||
<form method="POST" action="/install/run" class="space-y-5">
|
||||
<div class="border-t border-gray-200 pt-6">
|
||||
<h3 class="text-lg font-semibold text-gray-900 mb-4">Administrator Account</h3>
|
||||
@@ -142,9 +137,8 @@
|
||||
</form>
|
||||
</div>
|
||||
|
||||
<!-- Footer -->
|
||||
<div class="text-center mt-6">
|
||||
<p class="text-gray-500 text-xs">© <?= 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>
|
||||
<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>
|
||||
|
||||
Reference in New Issue
Block a user