3688c8b71b
Implement CSV/JSON import and export for domains, notification groups and tags (with masking for sensitive channel data), including size/format validation, in-memory CSV building, and logging. Add tag transfer and bulk transfer actions (admin-only). Introduce a new update system: Add UpdateController and UpdateService, migration 025_add_update_system_v1.1.3.sql, and installer changes to include the new migration and version handling; provide endpoints to check, apply, rollback and configure updates. Update helpers and UI bits: add getUpdateBadgeInfo in LayoutHelper, update notification icons/redirects, and add getMaxUploadSize in ViewHelper. Misc: add NotificationGroup::findByName, tweak .gitignore backups path, and update related views and routes.
430 lines
16 KiB
PHP
430 lines
16 KiB
PHP
<?php
|
|
/**
|
|
* Base Layout Template
|
|
* Contains: HTML structure, meta tags, CSS/JS includes, global stats
|
|
*/
|
|
|
|
// Get current user ID (used for both notifications and stats)
|
|
$userId = \Core\Auth::id();
|
|
|
|
// Fetch notifications for top nav (available on all pages)
|
|
if ($userId) {
|
|
$notificationData = \App\Helpers\LayoutHelper::getNotifications($userId);
|
|
$recentNotifications = $notificationData['items'];
|
|
$unreadNotifications = $notificationData['unread_count'];
|
|
// Update badge in top menu (admin only, uses cached update check data)
|
|
$updateBadge = \Core\Auth::isAdmin() ? \App\Helpers\LayoutHelper::getUpdateBadgeInfo() : ['show' => false, 'available' => false, 'label' => ''];
|
|
} else {
|
|
$recentNotifications = [];
|
|
$unreadNotifications = 0;
|
|
$updateBadge = ['show' => false, 'available' => false, 'label' => ''];
|
|
}
|
|
|
|
// Get domain stats for sidebar (available on all pages)
|
|
if (!isset($domainStats)) {
|
|
$domainStats = \App\Helpers\LayoutHelper::getDomainStats();
|
|
}
|
|
|
|
// Get application settings from database
|
|
if (!isset($appName)) {
|
|
$appSettings = \App\Helpers\LayoutHelper::getAppSettings();
|
|
$appName = $appSettings['app_name'];
|
|
$appTimezone = $appSettings['app_timezone'];
|
|
$appVersion = $appSettings['app_version'];
|
|
|
|
// Note: Timezone is now set early in public/index.php (before controllers run)
|
|
}
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="description" content="Domain Monitor - Track and monitor your domain expiration dates">
|
|
<meta name="author" content="Domain Monitor">
|
|
<meta name="robots" content="noindex, nofollow">
|
|
|
|
<!-- Title -->
|
|
<title><?= $title ?? 'Domain Monitor' ?> - <?= $appName ?></title>
|
|
|
|
<!-- Favicon -->
|
|
<link rel="icon" type="image/x-icon" href="/assets/favicon.ico">
|
|
|
|
<!-- Tailwind CSS -->
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
|
|
<!-- Flag Icons -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/flag-icons/7.5.0/css/flag-icons.min.css" referrerpolicy="no-referrer" />
|
|
|
|
<!-- Font Awesome -->
|
|
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
|
|
|
<!-- Tailwind Configuration -->
|
|
<script>
|
|
tailwind.config = {
|
|
theme: {
|
|
extend: {
|
|
colors: {
|
|
primary: {
|
|
DEFAULT: '#4A90E2',
|
|
dark: '#357ABD',
|
|
light: '#6BA3E8',
|
|
},
|
|
sidebar: {
|
|
DEFAULT: '#1F2937',
|
|
light: '#374151',
|
|
}
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<!-- Custom Styles -->
|
|
<link rel="stylesheet" href="/assets/style.css">
|
|
|
|
<!-- Custom Page Styles (optional) -->
|
|
<?php if (isset($customStyles)): ?>
|
|
<style><?= $customStyles ?></style>
|
|
<?php endif; ?>
|
|
|
|
<style>
|
|
/* Sidebar full height */
|
|
.sidebar {
|
|
height: 100vh;
|
|
transition: transform 0.3s ease-in-out;
|
|
}
|
|
|
|
/* Mobile sidebar overlay */
|
|
.sidebar-overlay {
|
|
position: fixed;
|
|
inset: 0;
|
|
background: rgba(0, 0, 0, 0.5);
|
|
z-index: 25;
|
|
opacity: 0;
|
|
visibility: hidden;
|
|
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
|
|
}
|
|
.sidebar-overlay.show {
|
|
opacity: 1;
|
|
visibility: visible;
|
|
}
|
|
|
|
@media (max-width: 767px) {
|
|
.sidebar {
|
|
transform: translateX(-100%);
|
|
}
|
|
.sidebar.open {
|
|
transform: translateX(0);
|
|
}
|
|
}
|
|
|
|
/* Dropdown animation */
|
|
.dropdown-menu {
|
|
display: none;
|
|
opacity: 0;
|
|
transform: translateY(-10px);
|
|
transition: all 0.2s ease-in-out;
|
|
}
|
|
.dropdown-menu.show {
|
|
display: block;
|
|
opacity: 1;
|
|
transform: translateY(0);
|
|
}
|
|
|
|
/* Active sidebar link */
|
|
.sidebar-link.active {
|
|
background: #374151;
|
|
border-left: 4px solid #4A90E2;
|
|
}
|
|
|
|
/* Mobile-friendly dropdown widths */
|
|
@media (max-width: 480px) {
|
|
#notificationsDropdown {
|
|
width: calc(100vw - 2rem);
|
|
right: -0.5rem;
|
|
}
|
|
#userDropdown {
|
|
width: calc(100vw - 2rem);
|
|
right: -0.5rem;
|
|
}
|
|
}
|
|
</style>
|
|
</head>
|
|
<body class="bg-gray-50">
|
|
|
|
<?php include __DIR__ . '/top-nav.php'; ?>
|
|
|
|
<!-- Mobile Sidebar Overlay -->
|
|
<div id="sidebarOverlay" class="sidebar-overlay md:hidden" onclick="closeSidebar()"></div>
|
|
|
|
<?php include __DIR__ . '/sidebar.php'; ?>
|
|
|
|
<!-- Main Content Area -->
|
|
<main class="md:ml-64 pt-16 min-h-screen bg-gray-50">
|
|
<div class="p-6">
|
|
<!-- Flash Messages -->
|
|
<?php include __DIR__ . '/messages.php'; ?>
|
|
|
|
<!-- Page Content -->
|
|
<?php if (isset($content)): ?>
|
|
<?= $content ?>
|
|
<?php endif; ?>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- Global Scripts -->
|
|
<script>
|
|
// Toggle sidebar on mobile
|
|
function toggleSidebar() {
|
|
const sidebar = document.getElementById('sidebar');
|
|
const overlay = document.getElementById('sidebarOverlay');
|
|
sidebar.classList.toggle('open');
|
|
overlay.classList.toggle('show');
|
|
// Prevent body scroll when sidebar is open
|
|
document.body.style.overflow = sidebar.classList.contains('open') ? 'hidden' : '';
|
|
}
|
|
|
|
// Close sidebar (for overlay click and link clicks)
|
|
function closeSidebar() {
|
|
const sidebar = document.getElementById('sidebar');
|
|
const overlay = document.getElementById('sidebarOverlay');
|
|
sidebar.classList.remove('open');
|
|
overlay.classList.remove('show');
|
|
document.body.style.overflow = '';
|
|
}
|
|
|
|
// Close sidebar when clicking a link (mobile only)
|
|
document.addEventListener('DOMContentLoaded', function() {
|
|
const sidebarLinks = document.querySelectorAll('#sidebar a');
|
|
sidebarLinks.forEach(link => {
|
|
link.addEventListener('click', function() {
|
|
if (window.innerWidth < 768) {
|
|
closeSidebar();
|
|
}
|
|
});
|
|
});
|
|
|
|
// Handle swipe to close sidebar on mobile
|
|
let touchStartX = 0;
|
|
let touchEndX = 0;
|
|
const sidebar = document.getElementById('sidebar');
|
|
|
|
sidebar.addEventListener('touchstart', function(e) {
|
|
touchStartX = e.changedTouches[0].screenX;
|
|
}, { passive: true });
|
|
|
|
sidebar.addEventListener('touchend', function(e) {
|
|
touchEndX = e.changedTouches[0].screenX;
|
|
handleSwipe();
|
|
}, { passive: true });
|
|
|
|
function handleSwipe() {
|
|
const swipeThreshold = 50;
|
|
if (touchStartX - touchEndX > swipeThreshold) {
|
|
// Swiped left - close sidebar
|
|
closeSidebar();
|
|
}
|
|
}
|
|
|
|
// Responsive search placeholder
|
|
const searchInput = document.getElementById('globalSearchInput');
|
|
if (searchInput) {
|
|
function updateSearchPlaceholder() {
|
|
if (window.innerWidth < 640) {
|
|
searchInput.placeholder = 'Search...';
|
|
} else {
|
|
searchInput.placeholder = 'Search domains or lookup WHOIS...';
|
|
}
|
|
}
|
|
updateSearchPlaceholder();
|
|
window.addEventListener('resize', updateSearchPlaceholder);
|
|
}
|
|
});
|
|
|
|
// Close all dropdowns except the one specified
|
|
function closeOtherDropdowns(exceptId) {
|
|
['userDropdown', 'notificationsDropdown', 'quickActionsDropdown'].forEach(id => {
|
|
if (id !== exceptId) {
|
|
const el = document.getElementById(id);
|
|
if (el) el.classList.remove('show');
|
|
}
|
|
});
|
|
}
|
|
|
|
// Toggle user dropdown
|
|
function toggleDropdown() {
|
|
closeOtherDropdowns('userDropdown');
|
|
document.getElementById('userDropdown').classList.toggle('show');
|
|
}
|
|
|
|
// Toggle notifications dropdown
|
|
function toggleNotifications() {
|
|
closeOtherDropdowns('notificationsDropdown');
|
|
document.getElementById('notificationsDropdown').classList.toggle('show');
|
|
}
|
|
|
|
// Toggle quick actions dropdown
|
|
function toggleQuickActions() {
|
|
closeOtherDropdowns('quickActionsDropdown');
|
|
document.getElementById('quickActionsDropdown').classList.toggle('show');
|
|
}
|
|
|
|
// Close dropdowns when clicking outside
|
|
document.addEventListener('click', function(event) {
|
|
const dropdowns = [
|
|
{ id: 'userDropdown', trigger: '[onclick="toggleDropdown()"]' },
|
|
{ id: 'notificationsDropdown', trigger: '[onclick="toggleNotifications()"]' },
|
|
{ id: 'quickActionsDropdown', trigger: '[onclick="toggleQuickActions()"]' }
|
|
];
|
|
|
|
dropdowns.forEach(({ id, trigger }) => {
|
|
const dd = document.getElementById(id);
|
|
if (dd && dd.classList.contains('show')) {
|
|
const isInside = event.target.closest(trigger) || event.target.closest('#' + id);
|
|
if (!isInside) dd.classList.remove('show');
|
|
}
|
|
});
|
|
});
|
|
|
|
// Live Search Functionality
|
|
let searchTimeout;
|
|
const searchInput = document.getElementById('globalSearchInput');
|
|
const searchDropdown = document.getElementById('searchDropdown');
|
|
const searchResults = document.getElementById('searchResults');
|
|
const searchLoading = document.getElementById('searchLoading');
|
|
|
|
if (searchInput) {
|
|
searchInput.addEventListener('input', function(e) {
|
|
const query = e.target.value.trim();
|
|
|
|
clearTimeout(searchTimeout);
|
|
|
|
if (query.length < 2) {
|
|
searchDropdown.classList.add('hidden');
|
|
return;
|
|
}
|
|
|
|
// Show loading
|
|
searchDropdown.classList.remove('hidden');
|
|
searchLoading.classList.remove('hidden');
|
|
searchResults.innerHTML = '';
|
|
|
|
// Debounce search
|
|
searchTimeout = setTimeout(() => {
|
|
fetch(`/api/search/suggest?q=${encodeURIComponent(query)}`)
|
|
.then(response => response.json())
|
|
.then(data => {
|
|
searchLoading.classList.add('hidden');
|
|
renderSearchResults(data);
|
|
})
|
|
.catch(error => {
|
|
searchLoading.classList.add('hidden');
|
|
searchResults.innerHTML = '<div class="p-4 text-red-600 text-sm">Error loading results</div>';
|
|
});
|
|
}, 300);
|
|
});
|
|
|
|
// Handle form submission
|
|
const searchForm = document.getElementById('globalSearchForm');
|
|
if (searchForm) {
|
|
searchForm.addEventListener('submit', function(e) {
|
|
searchDropdown.classList.add('hidden');
|
|
});
|
|
}
|
|
|
|
// Close dropdown when clicking outside
|
|
document.addEventListener('click', function(event) {
|
|
if (searchDropdown && !searchDropdown.contains(event.target) && event.target !== searchInput) {
|
|
searchDropdown.classList.add('hidden');
|
|
}
|
|
});
|
|
}
|
|
|
|
function renderSearchResults(data) {
|
|
let html = '';
|
|
|
|
if (data.domains && data.domains.length > 0) {
|
|
html += '<div class="p-2">';
|
|
html += '<p class="px-3 py-2 text-xs font-semibold text-gray-500 uppercase">Your Domains</p>';
|
|
|
|
data.domains.forEach(domain => {
|
|
const statusColors = {
|
|
'red': 'text-red-600',
|
|
'orange': 'text-orange-600',
|
|
'yellow': 'text-yellow-600',
|
|
'green': 'text-green-600',
|
|
'gray': 'text-gray-400'
|
|
};
|
|
const colorClass = statusColors[domain.status_color] || 'text-gray-600';
|
|
|
|
html += `
|
|
<a href="/domains/${domain.id}" class="block px-3 py-2 hover:bg-gray-50 rounded-lg transition-colors">
|
|
<div class="flex items-center justify-between">
|
|
<div class="flex-1 min-w-0">
|
|
<p class="text-sm font-semibold text-gray-900 truncate">${escapeHtml(domain.domain_name)}</p>
|
|
<p class="text-xs text-gray-500">${escapeHtml(domain.registrar || 'Unknown registrar')}</p>
|
|
</div>
|
|
${domain.days_left !== null ? `
|
|
<div class="ml-3 text-right">
|
|
<p class="text-xs font-semibold ${colorClass}">${domain.days_left} days</p>
|
|
</div>
|
|
` : ''}
|
|
</div>
|
|
</a>
|
|
`;
|
|
});
|
|
|
|
html += '</div>';
|
|
}
|
|
|
|
// Show WHOIS lookup option if no results and looks like a domain
|
|
if (data.domains.length === 0 && data.isDomainLike) {
|
|
html += `
|
|
<div class="p-4 border-t border-gray-200">
|
|
<div class="flex items-center justify-between">
|
|
<div>
|
|
<p class="text-sm font-medium text-gray-900">Domain not in portfolio</p>
|
|
<p class="text-xs text-gray-500 mt-0.5">Perform WHOIS lookup for ${escapeHtml(data.query)}</p>
|
|
</div>
|
|
<button onclick="window.location.href='/search?q=${encodeURIComponent(data.query)}'" class="px-3 py-1.5 bg-primary text-white text-xs rounded-lg hover:bg-primary-dark">
|
|
Lookup
|
|
</button>
|
|
</div>
|
|
</div>
|
|
`;
|
|
} else if (data.domains.length === 0) {
|
|
html += '<div class="p-4 text-center text-sm text-gray-500">No results found</div>';
|
|
}
|
|
|
|
// Add "View all results" link if there are results
|
|
if (data.domains.length > 0) {
|
|
html += `
|
|
<div class="border-t border-gray-200 p-2">
|
|
<a href="/search?q=${encodeURIComponent(data.query)}" class="block px-3 py-2 text-center text-sm font-medium text-primary hover:bg-gray-50 rounded-lg">
|
|
View all results →
|
|
</a>
|
|
</div>
|
|
`;
|
|
}
|
|
|
|
searchResults.innerHTML = html;
|
|
}
|
|
|
|
function escapeHtml(text) {
|
|
const div = document.createElement('div');
|
|
div.textContent = text;
|
|
return div.innerHTML;
|
|
}
|
|
</script>
|
|
|
|
<!-- Custom Page Scripts (optional) -->
|
|
<?php if (isset($customScripts)): ?>
|
|
<script><?= $customScripts ?></script>
|
|
<?php endif; ?>
|
|
|
|
</body>
|
|
</html>
|
|
|