df2942b356
Introduces a 'tags' field to the domains table and UI, allowing users to organize domains with custom tags. Adds tag input and display to create, edit, bulk-add, and view pages, as well as tag-based filtering and bulk tag management (add/remove) in the domain list. Updates backend validation, controller logic, and migrations to support tags, including a new migration and index for efficient tag searches.
438 lines
23 KiB
PHP
438 lines
23 KiB
PHP
<?php
|
|
$title = 'Domain Details';
|
|
$pageTitle = htmlspecialchars($domain['domain_name']);
|
|
$pageDescription = 'Domain information and monitoring status';
|
|
$pageIcon = 'fas fa-globe';
|
|
|
|
// Data already formatted by controller via DomainHelper
|
|
$whoisData = json_decode($domain['whois_data'] ?? '{}', true);
|
|
$daysLeft = $domain['daysLeft'];
|
|
$domainStatus = $domain['displayStatus'];
|
|
$expiryColor = $domain['expiryColor'];
|
|
|
|
ob_start();
|
|
?>
|
|
|
|
<!-- Top Action Bar -->
|
|
<div class="mb-3 flex flex-wrap gap-2 justify-between items-center">
|
|
<div class="flex flex-wrap gap-2">
|
|
<?php
|
|
// Status badge data prepared by DomainHelper in controller
|
|
$statusClass = $domain['statusClass'];
|
|
$statusText = $domain['statusText'];
|
|
$statusIcon = $domain['statusIcon'];
|
|
?>
|
|
<span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold <?= $statusClass ?>">
|
|
<i class="fas <?= $statusIcon ?> mr-1.5"></i>
|
|
<?= $statusText ?>
|
|
</span>
|
|
<?php if ($domainStatus !== 'available'): ?>
|
|
<span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold bg-<?= $expiryColor ?>-100 text-<?= $expiryColor ?>-800 border border-<?= $expiryColor ?>-200">
|
|
<i class="fas fa-calendar-alt mr-1.5"></i>
|
|
<?= $daysLeft !== null ? $daysLeft . ' days left' : 'No expiry date' ?>
|
|
</span>
|
|
<?php endif; ?>
|
|
<span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold bg-indigo-100 text-indigo-800 border border-indigo-200">
|
|
<i class="fas fa-<?= $domain['is_active'] ? 'check-circle' : 'pause-circle' ?> mr-1.5"></i>
|
|
<?= $domain['is_active'] ? 'Monitoring Active' : 'Monitoring Paused' ?>
|
|
</span>
|
|
|
|
<!-- Tags Display -->
|
|
<?php
|
|
$tags = !empty($domain['tags']) ? explode(',', $domain['tags']) : [];
|
|
$tagColors = [
|
|
'production' => 'bg-green-100 text-green-700 border-green-200',
|
|
'staging' => 'bg-yellow-100 text-yellow-700 border-yellow-200',
|
|
'development' => 'bg-blue-100 text-blue-700 border-blue-200',
|
|
'client' => 'bg-purple-100 text-purple-700 border-purple-200',
|
|
'personal' => 'bg-orange-100 text-orange-700 border-orange-200',
|
|
'archived' => 'bg-gray-100 text-gray-600 border-gray-200'
|
|
];
|
|
foreach ($tags as $tag):
|
|
$tag = trim($tag);
|
|
$colorClass = $tagColors[$tag] ?? 'bg-gray-100 text-gray-700 border-gray-200';
|
|
?>
|
|
<span class="inline-flex items-center px-3 py-1.5 rounded-lg text-xs font-semibold border <?= $colorClass ?>">
|
|
<i class="fas fa-tag mr-1.5" style="font-size: 10px;"></i>
|
|
<?= htmlspecialchars(ucfirst($tag)) ?>
|
|
</span>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
<div class="flex gap-2 items-center">
|
|
<form method="POST" action="/domains/<?= $domain['id'] ?>/refresh" class="inline">
|
|
<?= csrf_field() ?>
|
|
<button type="submit" class="inline-flex items-center justify-center px-3 py-2 bg-green-600 text-white text-xs rounded-lg hover:bg-green-700 transition-colors font-medium min-w-[80px] h-[32px]">
|
|
<i class="fas fa-sync-alt mr-1.5"></i>
|
|
Refresh
|
|
</button>
|
|
</form>
|
|
<a href="/domains/<?= $domain['id'] ?>/edit" class="inline-flex items-center justify-center px-3 py-2 bg-blue-600 text-white text-xs rounded-lg hover:bg-blue-700 transition-colors font-medium min-w-[80px] h-[32px]">
|
|
<i class="fas fa-edit mr-1.5"></i>
|
|
Edit
|
|
</a>
|
|
<form method="POST" action="/domains/<?= $domain['id'] ?>/delete" onsubmit="return confirm('Delete this domain?')" class="inline">
|
|
<?= csrf_field() ?>
|
|
<button type="submit" class="inline-flex items-center justify-center px-3 py-2 bg-red-600 text-white text-xs rounded-lg hover:bg-red-700 transition-colors font-medium min-w-[80px] h-[32px]">
|
|
<i class="fas fa-trash mr-1.5"></i>
|
|
Delete
|
|
</button>
|
|
</form>
|
|
<a href="/domains" class="inline-flex items-center justify-center px-3 py-2 border border-gray-300 text-gray-700 text-xs rounded-lg hover:bg-gray-50 transition-colors font-medium min-w-[80px] h-[32px]">
|
|
<i class="fas fa-arrow-left mr-1.5"></i>
|
|
Back
|
|
</a>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Main 2-Column Layout -->
|
|
<div class="grid grid-cols-1 lg:grid-cols-2 gap-3">
|
|
|
|
<!-- LEFT COLUMN -->
|
|
<div class="space-y-3">
|
|
|
|
<!-- Registration Details -->
|
|
<div class="bg-white rounded-lg border border-gray-200 overflow-hidden">
|
|
<div class="px-4 py-2 border-b border-gray-200 bg-gray-50">
|
|
<h3 class="text-xs font-semibold text-gray-700 uppercase tracking-wider flex items-center">
|
|
<i class="fas fa-building text-gray-400 mr-2" style="font-size: 10px;"></i>
|
|
Registration Details
|
|
</h3>
|
|
</div>
|
|
<div class="p-4">
|
|
<div class="grid grid-cols-2 gap-x-4 gap-y-3 text-xs">
|
|
<div>
|
|
<label class="text-gray-500 font-medium block mb-0.5">Registrar</label>
|
|
<p class="text-gray-900 font-semibold"><?= htmlspecialchars($domain['registrar'] ?? 'Unknown') ?></p>
|
|
</div>
|
|
<?php if (!empty($domain['registrar_url'])): ?>
|
|
<div>
|
|
<label class="text-gray-500 font-medium block mb-0.5">Registrar URL</label>
|
|
<a href="<?= htmlspecialchars($domain['registrar_url']) ?>" target="_blank" class="text-blue-600 hover:text-blue-800 flex items-center">
|
|
<i class="fas fa-external-link-alt mr-1" style="font-size: 9px;"></i>
|
|
Visit
|
|
</a>
|
|
</div>
|
|
<?php endif; ?>
|
|
<?php if (!empty($domain['abuse_email'])): ?>
|
|
<div>
|
|
<label class="text-gray-500 font-medium block mb-0.5">Abuse Contact</label>
|
|
<a href="mailto:<?= htmlspecialchars($domain['abuse_email']) ?>" class="text-blue-600 hover:text-blue-800">
|
|
<?= htmlspecialchars($domain['abuse_email']) ?>
|
|
</a>
|
|
</div>
|
|
<?php endif; ?>
|
|
<?php if (isset($whoisData['whois_server'])): ?>
|
|
<div>
|
|
<label class="text-gray-500 font-medium block mb-0.5">WHOIS Server</label>
|
|
<p class="text-gray-900 font-mono"><?= htmlspecialchars($whoisData['whois_server']) ?></p>
|
|
</div>
|
|
<?php endif; ?>
|
|
<?php if (isset($whoisData['owner'])): ?>
|
|
<div class="col-span-2">
|
|
<label class="text-gray-500 font-medium block mb-0.5">Owner</label>
|
|
<p class="text-gray-900"><?= htmlspecialchars($whoisData['owner']) ?></p>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Important Dates -->
|
|
<div class="bg-white rounded-lg border border-gray-200 overflow-hidden">
|
|
<div class="px-4 py-2 border-b border-gray-200 bg-gray-50">
|
|
<h3 class="text-xs font-semibold text-gray-700 uppercase tracking-wider flex items-center">
|
|
<i class="fas fa-calendar text-gray-400 mr-2" style="font-size: 10px;"></i>
|
|
Important Dates
|
|
</h3>
|
|
</div>
|
|
<div class="p-4">
|
|
<div class="space-y-2">
|
|
<?php if (!empty($domain['expiration_date'])): ?>
|
|
<div class="flex items-center justify-between p-2 bg-<?= $expiryColor ?>-50 rounded border border-<?= $expiryColor ?>-200">
|
|
<div class="flex items-center">
|
|
<div class="w-7 h-7 bg-<?= $expiryColor ?>-500 rounded flex items-center justify-center mr-2">
|
|
<i class="fas fa-exclamation-triangle text-white text-xs"></i>
|
|
</div>
|
|
<div>
|
|
<p class="text-xs text-gray-600 font-medium">Expiration</p>
|
|
<p class="text-xs font-semibold text-gray-900"><?= date('M j, Y', strtotime($domain['expiration_date'])) ?></p>
|
|
</div>
|
|
</div>
|
|
<span class="px-2 py-1 bg-<?= $expiryColor ?>-100 text-<?= $expiryColor ?>-800 rounded text-xs font-bold">
|
|
<?= $daysLeft ?> days
|
|
</span>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<?php if (!empty($domain['updated_date'])): ?>
|
|
<div class="flex items-center p-2 bg-blue-50 rounded border border-blue-200">
|
|
<div class="w-7 h-7 bg-blue-500 rounded flex items-center justify-center mr-2">
|
|
<i class="fas fa-clock text-white text-xs"></i>
|
|
</div>
|
|
<div>
|
|
<p class="text-xs text-gray-600 font-medium">Last Updated</p>
|
|
<p class="text-xs font-semibold text-gray-900"><?= date('M j, Y', strtotime($domain['updated_date'])) ?></p>
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<?php if (isset($whoisData['creation_date'])): ?>
|
|
<div class="flex items-center p-2 bg-green-50 rounded border border-green-200">
|
|
<div class="w-7 h-7 bg-green-500 rounded flex items-center justify-center mr-2">
|
|
<i class="fas fa-calendar-plus text-white text-xs"></i>
|
|
</div>
|
|
<div>
|
|
<p class="text-xs text-gray-600 font-medium">Created</p>
|
|
<p class="text-xs font-semibold text-gray-900"><?= date('M j, Y', strtotime($whoisData['creation_date'])) ?></p>
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<div class="flex items-center p-2 bg-indigo-50 rounded border border-indigo-200">
|
|
<div class="w-7 h-7 bg-indigo-500 rounded flex items-center justify-center mr-2">
|
|
<i class="fas fa-sync text-white text-xs"></i>
|
|
</div>
|
|
<div>
|
|
<p class="text-xs text-gray-600 font-medium">Last Checked</p>
|
|
<p class="text-xs font-semibold text-gray-900"><?= date('M j, Y H:i', strtotime($domain['last_checked'])) ?></p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Nameservers -->
|
|
<?php if (!empty($whoisData['nameservers'])): ?>
|
|
<div class="bg-white rounded-lg border border-gray-200 overflow-hidden">
|
|
<div class="px-4 py-2 border-b border-gray-200 bg-gray-50">
|
|
<h3 class="text-xs font-semibold text-gray-700 uppercase tracking-wider flex items-center">
|
|
<i class="fas fa-server text-gray-400 mr-2" style="font-size: 10px;"></i>
|
|
Nameservers (<?= count($whoisData['nameservers']) ?>)
|
|
</h3>
|
|
</div>
|
|
<div class="p-4">
|
|
<div class="space-y-1.5">
|
|
<?php foreach ($whoisData['nameservers'] as $index => $ns): ?>
|
|
<div class="flex items-center p-2 bg-gray-50 rounded hover:bg-gray-100 transition-colors">
|
|
<div class="w-6 h-6 bg-teal-500 rounded flex items-center justify-center text-white font-bold text-xs mr-2">
|
|
<?= $index + 1 ?>
|
|
</div>
|
|
<p class="font-mono text-xs text-gray-800"><?= htmlspecialchars($ns) ?></p>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<!-- Domain Status -->
|
|
<?php if (!empty($domain['parsedStatuses'])): ?>
|
|
<div class="bg-white rounded-lg border border-gray-200 overflow-hidden">
|
|
<div class="px-4 py-2 border-b border-gray-200 bg-gray-50">
|
|
<h3 class="text-xs font-semibold text-gray-700 uppercase tracking-wider flex items-center">
|
|
<i class="fas fa-info-circle text-gray-400 mr-2" style="font-size: 10px;"></i>
|
|
Domain Status (<?= count($domain['parsedStatuses']) ?>)
|
|
</h3>
|
|
</div>
|
|
<div class="p-4">
|
|
<div class="flex flex-wrap gap-1.5">
|
|
<?php foreach ($domain['parsedStatuses'] as $cleanStatus): ?>
|
|
<?php
|
|
// Format status text using helper
|
|
$readableStatus = \App\Helpers\DomainHelper::formatStatusText($cleanStatus);
|
|
?>
|
|
<span class="px-2 py-1 bg-blue-100 text-blue-800 rounded text-xs font-medium" title="<?= htmlspecialchars($cleanStatus) ?>">
|
|
<?= htmlspecialchars($readableStatus) ?>
|
|
</span>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
</div>
|
|
|
|
<!-- RIGHT COLUMN -->
|
|
<div class="space-y-3">
|
|
|
|
<!-- Notification Group -->
|
|
<?php if (!empty($domain['group_name'])): ?>
|
|
<div class="bg-white rounded-lg border border-gray-200 overflow-hidden">
|
|
<div class="px-4 py-2 border-b border-gray-200 bg-gray-50">
|
|
<h3 class="text-xs font-semibold text-gray-700 uppercase tracking-wider flex items-center">
|
|
<i class="fas fa-bell text-gray-400 mr-2" style="font-size: 10px;"></i>
|
|
Notification Group
|
|
</h3>
|
|
</div>
|
|
<div class="p-4">
|
|
<div class="flex items-center mb-3">
|
|
<div class="w-10 h-10 bg-green-100 rounded-lg flex items-center justify-center mr-3">
|
|
<i class="fas fa-users text-green-600"></i>
|
|
</div>
|
|
<div>
|
|
<p class="font-semibold text-sm text-gray-900"><?= htmlspecialchars($domain['group_name']) ?></p>
|
|
<?php if (!empty($domain['channels'])): ?>
|
|
<p class="text-xs text-gray-600">
|
|
<?= $domain['activeChannelCount'] ?? 0 ?> / <?= count($domain['channels']) ?> channels active
|
|
</p>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
<?php if (!empty($domain['channels'])): ?>
|
|
<div class="grid grid-cols-2 gap-2">
|
|
<?php foreach ($domain['channels'] as $channel): ?>
|
|
<div class="flex items-center p-2 rounded <?= $channel['is_active'] ? 'bg-green-50 border border-green-200' : 'bg-gray-50 border border-gray-200' ?>">
|
|
<i class="fas fa-<?= $channel['is_active'] ? 'check-circle text-green-600' : 'times-circle text-gray-400' ?> mr-2 text-xs"></i>
|
|
<span class="text-xs font-medium text-gray-700"><?= ucfirst($channel['channel_type']) ?></span>
|
|
</div>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
<?php else: ?>
|
|
<div class="bg-orange-50 rounded-lg border border-orange-200 p-4">
|
|
<div class="flex items-start mb-2">
|
|
<i class="fas fa-exclamation-triangle text-orange-500 mr-2 mt-0.5"></i>
|
|
<div>
|
|
<h3 class="text-xs font-semibold text-gray-900">No Group Assigned</h3>
|
|
<p class="text-xs text-gray-600 mt-0.5">Won't receive notifications</p>
|
|
</div>
|
|
</div>
|
|
<a href="/domains/<?= $domain['id'] ?>/edit" class="block w-full text-center px-3 py-1.5 bg-orange-500 text-white text-xs rounded-lg hover:bg-orange-600 transition-colors font-medium">
|
|
<i class="fas fa-plus mr-1"></i>
|
|
Assign Group
|
|
</a>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<!-- Notes Section -->
|
|
<div class="bg-white rounded-lg border border-gray-200 overflow-hidden">
|
|
<div class="px-4 py-2 border-b border-gray-200 bg-gray-50">
|
|
<h3 class="text-xs font-semibold text-gray-700 uppercase tracking-wider flex items-center">
|
|
<i class="fas fa-sticky-note text-gray-400 mr-2" style="font-size: 10px;"></i>
|
|
Notes
|
|
</h3>
|
|
</div>
|
|
<div class="p-4">
|
|
<form method="POST" action="/domains/<?= $domain['id'] ?>/update-notes" id="notes-form">
|
|
<?= csrf_field() ?>
|
|
<textarea
|
|
name="notes"
|
|
id="notes-textarea"
|
|
rows="6"
|
|
class="w-full px-3 py-2 text-xs border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent resize-none"
|
|
placeholder="Add notes about this domain..."><?= htmlspecialchars($domain['notes'] ?? '') ?></textarea>
|
|
|
|
<div class="flex gap-2 mt-3">
|
|
<button
|
|
type="submit"
|
|
class="flex-1 inline-flex items-center justify-center px-3 py-2 bg-blue-600 text-white text-xs rounded-lg hover:bg-blue-700 transition-colors font-medium">
|
|
<i class="fas fa-save mr-1.5"></i>
|
|
Update Notes
|
|
</button>
|
|
<button
|
|
type="button"
|
|
onclick="resetNotes()"
|
|
class="flex-1 inline-flex items-center justify-center px-3 py-2 border border-gray-300 text-gray-700 text-xs rounded-lg hover:bg-gray-50 transition-colors font-medium">
|
|
<i class="fas fa-times mr-1.5"></i>
|
|
Cancel
|
|
</button>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Notification History -->
|
|
<div class="bg-white rounded-lg border border-gray-200 overflow-hidden">
|
|
<div class="px-4 py-2 border-b border-gray-200 bg-gray-50">
|
|
<h3 class="text-xs font-semibold text-gray-700 uppercase tracking-wider flex items-center">
|
|
<i class="fas fa-history text-gray-400 mr-2" style="font-size: 10px;"></i>
|
|
Notification History (<?= count($logs) ?>)
|
|
</h3>
|
|
</div>
|
|
<div class="overflow-hidden">
|
|
<?php if (empty($logs)): ?>
|
|
<div class="p-8 text-center">
|
|
<i class="fas fa-bell-slash text-gray-300 text-3xl mb-2"></i>
|
|
<p class="text-xs text-gray-500">No notifications sent yet</p>
|
|
</div>
|
|
<?php else: ?>
|
|
<div class="max-h-96 overflow-y-auto">
|
|
<table class="min-w-full divide-y divide-gray-200 text-xs">
|
|
<thead class="bg-gray-50 sticky top-0">
|
|
<tr>
|
|
<th class="px-3 py-2 text-left text-xs font-semibold text-gray-600 uppercase">Channel</th>
|
|
<th class="px-3 py-2 text-left text-xs font-semibold text-gray-600 uppercase">Status</th>
|
|
<th class="px-3 py-2 text-left text-xs font-semibold text-gray-600 uppercase">Date</th>
|
|
<th class="px-3 py-2 text-left text-xs font-semibold text-gray-600 uppercase">Message</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody class="bg-white divide-y divide-gray-200">
|
|
<?php foreach ($logs as $log): ?>
|
|
<tr class="hover:bg-gray-50">
|
|
<td class="px-3 py-2 whitespace-nowrap">
|
|
<span class="px-2 py-0.5 rounded text-xs font-medium bg-blue-100 text-blue-800">
|
|
<?= ucfirst($log['channel_type']) ?>
|
|
</span>
|
|
</td>
|
|
<td class="px-3 py-2 whitespace-nowrap">
|
|
<?php $statusClass = $log['status'] === 'sent' ? 'bg-green-100 text-green-800' : 'bg-red-100 text-red-800'; ?>
|
|
<span class="px-2 py-0.5 rounded text-xs font-medium <?= $statusClass ?>">
|
|
<?= ucfirst($log['status']) ?>
|
|
</span>
|
|
</td>
|
|
<td class="px-3 py-2 whitespace-nowrap text-gray-600"><?= date('M j, H:i', strtotime($log['sent_at'])) ?></td>
|
|
<td class="px-3 py-2 text-gray-700 max-w-xs truncate" title="<?= htmlspecialchars($log['message']) ?>">
|
|
<?= htmlspecialchars($log['message']) ?>
|
|
</td>
|
|
</tr>
|
|
<?php endforeach; ?>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Raw WHOIS Data (Collapsible) -->
|
|
<?php if (!empty($domain['whois_data'])): ?>
|
|
<div class="bg-white rounded-lg border border-gray-200 overflow-hidden">
|
|
<button onclick="toggleWhoisData()" class="w-full px-4 py-2 border-b border-gray-200 bg-gray-50 text-left hover:bg-gray-100 transition-colors">
|
|
<h3 class="text-xs font-semibold text-gray-700 uppercase tracking-wider flex items-center justify-between">
|
|
<span class="flex items-center">
|
|
<i class="fas fa-code text-gray-400 mr-2" style="font-size: 10px;"></i>
|
|
Raw WHOIS Data
|
|
</span>
|
|
<i class="fas fa-chevron-down text-gray-400 text-xs transition-transform" id="whois-chevron"></i>
|
|
</h3>
|
|
</button>
|
|
<div id="whois-data" class="hidden p-4 bg-gray-900 max-h-64 overflow-y-auto">
|
|
<pre class="text-xs text-green-400 font-mono"><?= htmlspecialchars(json_encode($whoisData, JSON_PRETTY_PRINT)) ?></pre>
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<script>
|
|
function toggleWhoisData() {
|
|
const dataDiv = document.getElementById('whois-data');
|
|
const chevron = document.getElementById('whois-chevron');
|
|
dataDiv.classList.toggle('hidden');
|
|
chevron.classList.toggle('rotate-180');
|
|
}
|
|
|
|
function resetNotes() {
|
|
const originalNotes = <?= json_encode($domain['notes'] ?? '') ?>;
|
|
document.getElementById('notes-textarea').value = originalNotes;
|
|
}
|
|
</script>
|
|
|
|
<?php
|
|
$content = ob_get_clean();
|
|
include __DIR__ . '/../layout/base.php';
|
|
?>
|