115 lines
8.8 KiB
JavaScript
115 lines
8.8 KiB
JavaScript
// Admin Panel Page Tours Configuration
|
|
|
|
export const adminTours = {
|
|
// Dashboard tour (main panel tour)
|
|
dashboard: {
|
|
steps: (t) => [
|
|
{ popover: { title: t.welcome, description: t.welcomeDesc } },
|
|
{ element: '.fi-sidebar-nav', popover: { title: t.navigation, description: t.navigationDesc, side: 'right' } },
|
|
{ element: '[data-tour="users"]', popover: { title: t.users, description: t.usersDesc, side: 'right' } },
|
|
{ element: '[data-tour="server-status"]', popover: { title: t.serverStatus, description: t.serverStatusDesc, side: 'right' } },
|
|
{ element: '[data-tour="ssl-manager"]', popover: { title: t.sslManager, description: t.sslManagerDesc, side: 'right' } },
|
|
{ element: '[data-tour="server-settings"]', popover: { title: t.serverSettings, description: t.serverSettingsDesc, side: 'right' } },
|
|
{ element: '[data-tour="services"]', popover: { title: t.services, description: t.servicesDesc, side: 'right' } },
|
|
{ element: '[data-tour="backups"]', popover: { title: t.backups, description: t.backupsDesc, side: 'right' } },
|
|
{ element: '[data-tour="security"]', popover: { title: t.security || 'Security', description: t.securityDesc || 'Firewall, Fail2ban, antivirus, and SSH settings.', side: 'right' } },
|
|
{ element: '.fi-topbar', popover: { title: t.topBar, description: t.topBarDesc, side: 'bottom' } },
|
|
{ element: '.fi-wi', popover: { title: t.quickActions, description: t.quickActionsDesc, side: 'top' } },
|
|
{ popover: { title: t.ready, description: t.readyDesc } }
|
|
]
|
|
},
|
|
|
|
// Server Status page tour
|
|
serverStatus: {
|
|
steps: (t) => [
|
|
{ popover: { title: t.serverStatusTitle || 'Server Status', description: t.serverStatusIntro || 'Monitor your server health and performance metrics.' } },
|
|
{ element: '[wire\\:key*="cpu"], .fi-wi:first-child', popover: { title: t.cpuUsage || 'CPU Usage', description: t.cpuUsageDesc || 'Real-time CPU utilization percentage.', side: 'bottom' } },
|
|
{ element: '[wire\\:key*="memory"], .fi-wi:nth-child(2)', popover: { title: t.memoryUsage || 'Memory Usage', description: t.memoryUsageDesc || 'RAM usage and available memory.', side: 'bottom' } },
|
|
{ element: '[wire\\:key*="disk"], .fi-wi:nth-child(3)', popover: { title: t.diskUsage || 'Disk Usage', description: t.diskUsageDesc || 'Storage space utilization.', side: 'bottom' } },
|
|
{ element: '.fi-ta, table', popover: { title: t.servicesStatus || 'Services Status', description: t.servicesStatusDesc || 'Status of all running services. Green means running, red means stopped.', side: 'top' } }
|
|
]
|
|
},
|
|
|
|
// SSL Manager page tour
|
|
sslManager: {
|
|
steps: (t) => [
|
|
{ popover: { title: t.sslTitle || 'SSL Manager', description: t.sslIntro || 'Manage SSL certificates for all your domains.' } },
|
|
{ element: 'button[wire\\:click*="requestCertificate"], .fi-btn', popover: { title: t.requestCert || 'Request Certificate', description: t.requestCertDesc || 'Request a free Let\'s Encrypt SSL certificate for your domains.', side: 'bottom' } },
|
|
{ element: '.fi-ta, table', popover: { title: t.certList || 'Certificate List', description: t.certListDesc || 'View all certificates, their domains, and expiry dates.', side: 'top' } }
|
|
]
|
|
},
|
|
|
|
// Server Settings page tour
|
|
serverSettings: {
|
|
steps: (t) => [
|
|
{ popover: { title: t.settingsTitle || 'Server Settings', description: t.settingsIntro || 'Configure server-wide settings and preferences.' } },
|
|
{ element: '.fi-fo-field-wrp:first-child, [wire\\:model*="panel_name"]', popover: { title: t.panelBranding || 'Panel Branding', description: t.panelBrandingDesc || 'Customize the panel name and appearance.', side: 'right' } },
|
|
{ element: '[wire\\:model*="dns"], .fi-section:nth-child(2)', popover: { title: t.dnsSettings || 'DNS Settings', description: t.dnsSettingsDesc || 'Configure default nameservers for new domains.', side: 'right' } }
|
|
]
|
|
},
|
|
|
|
// Services page tour
|
|
services: {
|
|
steps: (t) => [
|
|
{ popover: { title: t.servicesTitle || 'Services Management', description: t.servicesIntro || 'Control server services from one place.' } },
|
|
{ element: '.fi-ta, table', popover: { title: t.servicesList || 'Services List', description: t.servicesListDesc || 'View all services with their current status.', side: 'top' } },
|
|
{ element: 'button[wire\\:click*="restart"], .fi-btn-action', popover: { title: t.serviceActions || 'Service Actions', description: t.serviceActionsDesc || 'Start, stop, or restart services as needed.', side: 'left' } }
|
|
]
|
|
},
|
|
|
|
// Backups page tour
|
|
backups: {
|
|
steps: (t) => [
|
|
{ popover: { title: t.backupsTitle || 'Backup Management', description: t.backupsIntro || 'Configure and manage server backups.' } },
|
|
{ element: '.fi-section:first-child, [wire\\:model*="schedule"]', popover: { title: t.backupSchedule || 'Backup Schedule', description: t.backupScheduleDesc || 'Set automatic backup schedules.', side: 'right' } },
|
|
{ element: '.fi-section:nth-child(2), [wire\\:model*="remote"]', popover: { title: t.remoteStorage || 'Remote Storage', description: t.remoteStorageDesc || 'Configure S3, FTP, or SFTP for offsite backups.', side: 'right' } },
|
|
{ element: '.fi-ta, table', popover: { title: t.backupHistory || 'Backup History', description: t.backupHistoryDesc || 'View and restore from previous backups.', side: 'top' } }
|
|
]
|
|
},
|
|
|
|
// Security page tour
|
|
security: {
|
|
steps: (t) => [
|
|
{ popover: { title: t.securityTitle || 'Security Center', description: t.securityIntro || 'Manage firewall, intrusion prevention, antivirus, and SSH settings.' } },
|
|
{ element: '.fi-tabs', popover: { title: t.securityTabs || 'Security Tabs', description: t.securityTabsDesc || 'Switch between Overview, Firewall, Fail2ban, Antivirus, and SSH settings.', side: 'bottom' } },
|
|
{ element: '.fi-section:first-child', popover: { title: t.securityOverview || 'Security Status', description: t.securityOverviewDesc || 'Quick overview of your server security status.', side: 'bottom' } },
|
|
{ element: 'button[wire\\:click*="toggleFirewall"], .fi-btn:first-child', popover: { title: t.firewallToggle || 'Firewall Controls', description: t.firewallToggleDesc || 'Enable, disable, or configure UFW firewall.', side: 'bottom' } },
|
|
{ element: '.fi-ta, table', popover: { title: t.securityRules || 'Security Rules', description: t.securityRulesDesc || 'View and manage firewall rules and banned IPs.', side: 'top' } }
|
|
]
|
|
},
|
|
|
|
// DNS Zones page tour
|
|
dnsZones: {
|
|
steps: (t) => [
|
|
{ popover: { title: t.dnsTitle || 'DNS Zones', description: t.dnsIntro || 'Manage DNS zones for all server domains.' } },
|
|
{ element: '.fi-ta, table', popover: { title: t.zonesList || 'DNS Zones List', description: t.zonesListDesc || 'All DNS zones with their record counts.', side: 'top' } }
|
|
]
|
|
},
|
|
|
|
// Email Settings page tour
|
|
emailSettings: {
|
|
steps: (t) => [
|
|
{ popover: { title: t.emailTitle || 'Email Settings', description: t.emailIntro || 'Configure mail server settings.' } },
|
|
{ element: '.fi-section:first-child', popover: { title: t.mailConfig || 'Mail Configuration', description: t.mailConfigDesc || 'Configure SMTP, DKIM, and SPF settings.', side: 'right' } }
|
|
]
|
|
},
|
|
|
|
// Audit Logs page tour
|
|
auditLogs: {
|
|
steps: (t) => [
|
|
{ popover: { title: t.auditTitle || 'Audit Logs', description: t.auditIntro || 'Track all panel activities for security.' } },
|
|
{ element: '.fi-ta, table', popover: { title: t.logsList || 'Activity Logs', description: t.logsListDesc || 'View all user actions with timestamps and details.', side: 'top' } }
|
|
]
|
|
},
|
|
|
|
// Users page tour
|
|
users: {
|
|
steps: (t) => [
|
|
{ popover: { title: t.usersTitle || 'Users Management', description: t.usersIntro || 'Create and manage hosting accounts for your server.' } },
|
|
{ element: '.fi-header-actions button, .fi-btn', popover: { title: t.createUser || 'Create User', description: t.createUserDesc || 'Click here to create a new hosting account.', side: 'bottom' } },
|
|
{ element: '.fi-ta, table', popover: { title: t.usersList || 'Users List', description: t.usersListDesc || 'All hosting accounts with their usernames, domains, and status.', side: 'top' } },
|
|
{ element: '.fi-ta-row, tr', popover: { title: t.userActions || 'User Actions', description: t.userActionsDesc || 'Click on a user to edit, or use the actions menu for impersonation, suspension, or deletion.', side: 'left' } }
|
|
]
|
|
}
|
|
};
|