diff --git a/public/assets/css/landing.css b/public/assets/css/landing.css
new file mode 100644
index 0000000..fb476a2
--- /dev/null
+++ b/public/assets/css/landing.css
@@ -0,0 +1,457 @@
+body.auth-page {
+ display: block;
+ align-items: unset;
+ justify-content: unset;
+ min-height: 100vh;
+ background: var(--bg-primary);
+}
+
+body.auth-page .auth-container {
+ max-width: none;
+ width: 100%;
+ padding: 0;
+}
+
+.landing-page {
+ width: 100%;
+ min-height: 100vh;
+ overflow-x: hidden;
+}
+
+.landing-hero {
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ justify-content: center;
+ min-height: 100vh;
+ padding: 2rem;
+ background: radial-gradient(ellipse at 50% 30%, rgba(99,102,241,0.08) 0%, transparent 60%),
+ radial-gradient(ellipse at 80% 80%, rgba(34,197,94,0.05) 0%, transparent 50%),
+ var(--bg-primary);
+ text-align: center;
+ overflow: hidden;
+}
+
+.landing-hero::before {
+ content: '';
+ position: absolute;
+ inset: 0;
+ background:
+ radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,0.15) 0%, transparent 100%),
+ radial-gradient(1px 1px at 40% 70%, rgba(255,255,255,0.12) 0%, transparent 100%),
+ radial-gradient(1px 1px at 60% 20%, rgba(255,255,255,0.15) 0%, transparent 100%),
+ radial-gradient(1px 1px at 80% 60%, rgba(255,255,255,0.12) 0%, transparent 100%),
+ radial-gradient(1px 1px at 10% 80%, rgba(255,255,255,0.08) 0%, transparent 100%),
+ radial-gradient(1px 1px at 90% 10%, rgba(255,255,255,0.08) 0%, transparent 100%);
+ pointer-events: none;
+}
+
+.floating-elements {
+ position: absolute;
+ inset: 0;
+ pointer-events: none;
+ overflow: hidden;
+}
+
+.floating-elem {
+ position: absolute;
+ font-size: 1.4rem;
+ opacity: 0.08;
+ animation: floatAround 20s infinite ease-in-out;
+}
+
+.floating-elem:nth-child(1) { top: 15%; left: 10%; animation-delay: 0s; font-size: 2rem; }
+.floating-elem:nth-child(2) { top: 25%; right: 12%; animation-delay: -3s; }
+.floating-elem:nth-child(3) { top: 60%; left: 8%; animation-delay: -7s; font-size: 1.8rem; }
+.floating-elem:nth-child(4) { top: 70%; right: 8%; animation-delay: -11s; }
+.floating-elem:nth-child(5) { top: 40%; left: 5%; animation-delay: -5s; font-size: 1.2rem; }
+.floating-elem:nth-child(6) { top: 50%; right: 5%; animation-delay: -9s; font-size: 1.6rem; }
+.floating-elem:nth-child(7) { top: 10%; left: 50%; animation-delay: -13s; font-size: 1rem; }
+.floating-elem:nth-child(8) { top: 85%; left: 50%; animation-delay: -15s; }
+
+@keyframes floatAround {
+ 0%, 100% { transform: translateY(0) rotate(0deg); }
+ 25% { transform: translateY(-30px) rotate(5deg); }
+ 50% { transform: translateY(0) rotate(0deg); }
+ 75% { transform: translateY(20px) rotate(-3deg); }
+}
+
+.hero-icon-wrapper {
+ position: relative;
+ margin-bottom: 2rem;
+ animation: heroIconEnter 1s ease-out;
+}
+
+.hero-server-icon {
+ width: 80px;
+ height: 80px;
+ border-radius: 20px;
+ background: linear-gradient(135deg, rgba(99,102,241,0.2), rgba(99,102,241,0.05));
+ border: 1px solid rgba(99,102,241,0.3);
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 2.4rem;
+ color: var(--accent);
+ position: relative;
+ margin: 0 auto;
+}
+
+.hero-server-icon::before {
+ content: '';
+ position: absolute;
+ inset: -4px;
+ border-radius: 24px;
+ background: linear-gradient(135deg, var(--accent), var(--purple));
+ opacity: 0.15;
+ z-index: -1;
+ animation: glowPulse 3s infinite ease-in-out;
+}
+
+@keyframes glowPulse {
+ 0%, 100% { opacity: 0.15; transform: scale(1); }
+ 50% { opacity: 0.3; transform: scale(1.05); }
+}
+
+@keyframes heroIconEnter {
+ from { opacity: 0; transform: translateY(-30px) scale(0.8); }
+ to { opacity: 1; transform: translateY(0) scale(1); }
+}
+
+.hero-title {
+ font-size: clamp(2rem, 5vw, 3.2rem);
+ font-weight: 800;
+ line-height: 1.15;
+ margin-bottom: 0.75rem;
+ animation: fadeSlideUp 0.8s ease-out 0.2s both;
+}
+
+.hero-title .gradient-text {
+ background: linear-gradient(135deg, var(--accent), var(--purple));
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ background-clip: text;
+}
+
+.hero-subtitle {
+ font-size: clamp(1rem, 2vw, 1.2rem);
+ color: var(--text-muted);
+ max-width: 600px;
+ margin: 0 auto 2rem;
+ line-height: 1.7;
+ animation: fadeSlideUp 0.8s ease-out 0.35s both;
+}
+
+.hero-cta {
+ display: flex;
+ gap: 1rem;
+ justify-content: center;
+ flex-wrap: wrap;
+ animation: fadeSlideUp 0.8s ease-out 0.5s both;
+}
+
+.hero-cta .btn {
+ padding: 0.85rem 2.2rem;
+ font-size: 1rem;
+ border-radius: var(--radius);
+ font-weight: 600;
+ transition: all 0.3s ease;
+ cursor: pointer;
+ border: none;
+ text-decoration: none;
+ display: inline-flex;
+ align-items: center;
+ gap: 0.5rem;
+}
+
+.hero-cta .btn-primary-custom {
+ background: linear-gradient(135deg, var(--accent), #818cf8);
+ color: #fff;
+ box-shadow: 0 4px 20px rgba(99,102,241,0.3);
+}
+
+.hero-cta .btn-primary-custom:hover {
+ transform: translateY(-2px);
+ box-shadow: 0 6px 28px rgba(99,102,241,0.4);
+}
+
+.hero-cta .btn-secondary-custom {
+ background: var(--bg-tertiary);
+ color: var(--text-primary);
+ border: 1px solid var(--border-color);
+}
+
+.hero-cta .btn-secondary-custom:hover {
+ background: var(--bg-hover);
+ border-color: var(--accent);
+ transform: translateY(-2px);
+}
+
+.hero-terminal {
+ margin-top: 3rem;
+ max-width: 560px;
+ width: 100%;
+ background: rgba(0,0,0,0.4);
+ border: 1px solid var(--border-color);
+ border-radius: var(--radius-lg);
+ overflow: hidden;
+ animation: fadeSlideUp 0.8s ease-out 0.65s both;
+}
+
+.terminal-bar {
+ display: flex;
+ align-items: center;
+ gap: 0.5rem;
+ padding: 0.65rem 1rem;
+ background: rgba(255,255,255,0.03);
+ border-bottom: 1px solid var(--border-color);
+}
+
+.terminal-dot {
+ width: 10px;
+ height: 10px;
+ border-radius: 50%;
+}
+
+.terminal-dot.red { background: #ff5f57; }
+.terminal-dot.yellow { background: #ffbd2e; }
+.terminal-dot.green { background: #28c840; }
+
+.terminal-title {
+ font-size: 0.75rem;
+ color: var(--text-muted);
+ margin-left: 0.5rem;
+ font-family: var(--font-mono);
+}
+
+.terminal-body-landing {
+ padding: 1.25rem 1.25rem 1.5rem;
+ text-align: left;
+ font-family: var(--font-mono);
+ font-size: 0.82rem;
+ line-height: 1.6;
+ color: #c9d1d9;
+}
+
+.terminal-line-landing {
+ opacity: 0;
+ animation: terminalFadeIn 0.3s ease-out forwards;
+}
+
+.terminal-line-landing .prompt { color: var(--success); }
+.terminal-line-landing .cmd { color: #e1e4ed; }
+.terminal-line-landing .output-success { color: var(--success); }
+.terminal-line-landing .output-info { color: var(--info); }
+.terminal-line-landing .output-muted { color: var(--text-muted); }
+.terminal-line-landing .blinking-cursor {
+ display: inline-block;
+ width: 8px;
+ height: 14px;
+ background: var(--accent);
+ margin-left: 2px;
+ animation: blink 1s step-end infinite;
+ vertical-align: text-bottom;
+}
+
+@keyframes blink {
+ 0%, 100% { opacity: 1; }
+ 50% { opacity: 0; }
+}
+
+@keyframes terminalFadeIn {
+ from { opacity: 0; transform: translateY(6px); }
+ to { opacity: 1; transform: translateY(0); }
+}
+
+@keyframes fadeSlideUp {
+ from { opacity: 0; transform: translateY(20px); }
+ to { opacity: 1; transform: translateY(0); }
+}
+
+.scroll-indicator {
+ position: absolute;
+ bottom: 2rem;
+ left: 50%;
+ transform: translateX(-50%);
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+ gap: 0.5rem;
+ color: var(--text-muted);
+ font-size: 0.75rem;
+ animation: fadeSlideUp 1s ease-out 1.5s both;
+}
+
+.scroll-indicator .mouse {
+ width: 24px;
+ height: 38px;
+ border: 2px solid var(--text-muted);
+ border-radius: 12px;
+ position: relative;
+ opacity: 0.5;
+}
+
+.scroll-indicator .mouse::after {
+ content: '';
+ position: absolute;
+ top: 6px;
+ left: 50%;
+ transform: translateX(-50%);
+ width: 3px;
+ height: 10px;
+ background: var(--text-muted);
+ border-radius: 2px;
+ animation: scrollWheel 1.5s infinite;
+}
+
+@keyframes scrollWheel {
+ 0% { opacity: 1; transform: translateX(-50%) translateY(0); }
+ 100% { opacity: 0; transform: translateX(-50%) translateY(10px); }
+}
+
+.features-section {
+ padding: 5rem 2rem;
+ max-width: 1100px;
+ margin: 0 auto;
+}
+
+.features-header {
+ text-align: center;
+ margin-bottom: 3.5rem;
+}
+
+.features-header h2 {
+ font-size: 2rem;
+ font-weight: 700;
+ margin-bottom: 0.75rem;
+}
+
+.features-header p {
+ color: var(--text-muted);
+ font-size: 1.05rem;
+ max-width: 500px;
+ margin: 0 auto;
+}
+
+.features-grid {
+ display: grid;
+ grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
+ gap: 1.25rem;
+}
+
+.feature-card {
+ background: var(--bg-card);
+ border: 1px solid var(--border-color);
+ border-radius: var(--radius-lg);
+ padding: 1.75rem;
+ transition: all 0.4s ease-out;
+}
+
+.feature-card:hover {
+ border-color: var(--accent);
+ transform: translateY(-3px);
+ box-shadow: 0 8px 25px rgba(0,0,0,0.2);
+}
+
+.feature-card.visible:hover {
+ transform: translateY(-3px);
+}
+
+.feature-icon {
+ width: 48px;
+ height: 48px;
+ border-radius: 12px;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-size: 1.3rem;
+ margin-bottom: 1.25rem;
+}
+
+.feature-icon.blue { background: rgba(59,130,246,0.15); color: var(--info); }
+.feature-icon.green { background: rgba(34,197,94,0.15); color: var(--success); }
+.feature-icon.purple { background: rgba(139,92,246,0.15); color: var(--purple); }
+.feature-icon.orange { background: rgba(245,158,11,0.15); color: var(--warning); }
+.feature-icon.red { background: rgba(239,68,68,0.15); color: var(--danger); }
+.feature-icon.teal { background: rgba(20,184,166,0.15); color: #14b8a6; }
+
+.feature-card h3 {
+ font-size: 1.05rem;
+ font-weight: 600;
+ margin-bottom: 0.5rem;
+}
+
+.feature-card p {
+ color: var(--text-muted);
+ font-size: 0.9rem;
+ line-height: 1.6;
+}
+
+.stats-section {
+ padding: 4rem 2rem 5rem;
+ text-align: center;
+}
+
+.stats-grid {
+ display: flex;
+ justify-content: center;
+ gap: 3rem;
+ flex-wrap: wrap;
+ max-width: 800px;
+ margin: 0 auto;
+}
+
+.stat-item {
+ opacity: 1;
+ transform: translateY(0);
+ transition: all 0.5s ease-out;
+}
+
+.stat-number {
+ font-size: 2.8rem;
+ font-weight: 800;
+ background: linear-gradient(135deg, var(--accent), var(--purple));
+ -webkit-background-clip: text;
+ -webkit-text-fill-color: transparent;
+ background-clip: text;
+}
+
+.stat-label {
+ color: var(--text-muted);
+ font-size: 0.9rem;
+ margin-top: 0.25rem;
+}
+
+.landing-footer {
+ text-align: center;
+ padding: 2rem;
+ border-top: 1px solid var(--border-color);
+ color: var(--text-muted);
+ font-size: 0.82rem;
+}
+
+.landing-footer a {
+ color: var(--text-muted);
+ text-decoration: none;
+}
+
+.landing-footer a:hover {
+ color: var(--accent);
+}
+
+.footer-links {
+ display: flex;
+ justify-content: center;
+ gap: 1.5rem;
+ margin-bottom: 0.75rem;
+}
+
+@media (max-width: 640px) {
+ .hero-title { font-size: 1.8rem; }
+ .features-grid { grid-template-columns: 1fr; }
+ .stats-grid { gap: 2rem; }
+ .stats-grid .stat-item { min-width: 120px; }
+ .scroll-indicator { display: none; }
+ .landing-hero { padding-bottom: 5rem; }
+}
diff --git a/public/assets/css/legal.css b/public/assets/css/legal.css
new file mode 100644
index 0000000..5f1b6ac
--- /dev/null
+++ b/public/assets/css/legal.css
@@ -0,0 +1,19 @@
+body.auth-page {
+ display: block;
+ align-items: unset;
+ justify-content: unset;
+ min-height: 100vh;
+}
+
+body.auth-page .auth-container {
+ max-width: none;
+ width: 100%;
+ padding: 0;
+}
+
+@media (max-width:768px) {
+ .legal-container .legal-card { width: 92% !important; padding: 1.5rem !important; }
+}
+@media (max-width:480px) {
+ .legal-container .legal-card { width: 96% !important; padding: 1rem !important; }
+}
diff --git a/public/assets/js/admin-notifications.js b/public/assets/js/admin-notifications.js
new file mode 100644
index 0000000..7d24e1d
--- /dev/null
+++ b/public/assets/js/admin-notifications.js
@@ -0,0 +1,40 @@
+function showSendModal() {
+ document.getElementById('notificationModal').style.display = 'flex';
+}
+
+function closeModal() {
+ document.getElementById('notificationModal').style.display = 'none';
+}
+
+function sendNotification() {
+ const form = document.getElementById('notificationForm');
+ const formData = new FormData(form);
+ const btn = document.querySelector('#notificationModal .btn-primary');
+ btn.disabled = true;
+ btn.innerHTML = '
';
+ (data.tables || []).forEach(t => {
+ html += ''
+ + '' + t.rows + ' rows
';
+ });
+ if (!html) html = 'No tables
';
+ body.innerHTML = html;
+ body.style.maxHeight = body.scrollHeight + 'px';
+ });
+}
+
+function selectTable(db, table) {
+ currentDb = db; currentTable = table;
+ document.getElementById('tabBrowse').style.display = '';
+ document.getElementById('tabStructure').style.display = '';
+ document.querySelectorAll('.pma-tab').forEach(t=>t.classList.remove('active'));
+ document.getElementById('tabStructure').classList.add('active');
+ showPanel('structure');
+ loadStructure(db, table);
+}
+
+function loadStructure(db, table) {
+ const panel = document.getElementById('pmaStructure');
+ panel.innerHTML = '
';
+ fetch('/servers/' + serverId + '/database', {
+ method:'POST', headers:{'Content-Type':'application/x-www-form-urlencoded','X-CSRF-Token':getCsrfToken()},
+ body:'action=structure&db='+encodeURIComponent(db)+'&table='+encodeURIComponent(table)+'&_csrf_token='+encodeURIComponent(getCsrfToken()),
+ }).then(r=>r.json()).then(d=>{
+ if (!d.success||!d.columns) return;
+ let html=''
+ +'
'+escHtml(table)+''+d.columns.length+' columns '
+ +'# Field Type Collation Null Key Default Extra ';
+ d.columns.forEach((c,i)=>{
+ html+=''+(i+1)+' '+escHtml(c.field)+' '+escHtml(c.type)+''+escHtml(c.collation)+' '+escHtml(c.null)+' '+escHtml(c.key)+' '+(c.default??'NULL')+' '+escHtml(c.extra)+'
';
+
+ let body='action=browse&db='+encodeURIComponent(db)+'&table='+encodeURIComponent(table)+'&page='+page+filters+'&_csrf_token='+encodeURIComponent(getCsrfToken());
+
+ fetch('/servers/' + serverId + '/database',{method:'POST',headers:{'Content-Type':'application/x-www-form-urlencoded','X-CSRF-Token':getCsrfToken()},body})
+ .then(r=>r.json()).then(d=>{
+ if(!d.success)return;
+ const tp=Math.ceil(d.total/d.per_page);
+ let html=''
+ +'
'+escHtml(table)+''+d.total+' rows ';
+ html+='';
+ panel.innerHTML=html;
+ });
+}
+
+function clearBrowseFilters(db,table){
+ document.querySelectorAll('.pma-fi').forEach(inp=>inp.value='');
+ loadBrowse(db,table,1);
+}
+
+function loadUsers() {
+ showPanel('users');
+ document.getElementById('tabUsers').style.display='';
+ const panel=document.getElementById('pmaUsers');
+ panel.innerHTML='
';
+
+ fetch('/servers/' + serverId + '/database',{method:'POST',headers:{'Content-Type':'application/x-www-form-urlencoded','X-CSRF-Token':getCsrfToken()},body:'action=users&_csrf_token='+encodeURIComponent(getCsrfToken())})
+ .then(r=>r.json()).then(d=>{
+ let html=''
+ +'
'+(d.users?.length||0)+' users '
+ +'User Host Databases Expired Actions ';
+ (d.users||[]).forEach(u=>{
+ const dbList=(d.grants||[]).filter(g=>g.user===u.user&&g.host===u.host).map(g=>g.db).join(', ');
+ html+=''+escHtml(u.user)+' '+escHtml(u.host)+''+(dbList||'- ')+' '+escHtml(u.expired)+' '
+ +''
+ +'
'
+ +'
'
+ +'
';
+ ['ALL PRIVILEGES','SELECT','INSERT','UPDATE','DELETE','CREATE','DROP','ALTER','INDEX','CREATE VIEW','SHOW VIEW','CREATE ROUTINE','ALTER ROUTINE','EXECUTE','LOCK TABLES','REFERENCES','EVENT','TRIGGER'].forEach(function(p){
+ var checked = p === 'ALL PRIVILEGES' ? ' checked' : '';
+ html+=''+p+'
'
+ +'Cancel
';
+ panel.innerHTML=html;
+}
+
+function doCreateUser() {
+ const user=document.getElementById('nuUser').value;
+ const pass=document.getElementById('nuPass').value;
+ const host=document.getElementById('nuHost').value||'localhost';
+ if(!user||!pass){showToast('error','Username and password required');return;}
+
+ const privs=[];
+ document.querySelectorAll('.nuPriv:checked').forEach(cb=>privs.push(cb.value));
+ const grantPrivs = privs.includes('ALL PRIVILEGES') ? 'ALL PRIVILEGES' : privs.join(',');
+
+ fetch('/servers/' + serverId + '/database',{method:'POST',headers:{'Content-Type':'application/x-www-form-urlencoded','X-CSRF-Token':getCsrfToken()},body: 'action=create_user&new_user='+encodeURIComponent(user)+'&new_pass='+encodeURIComponent(pass)+'&new_host='+encodeURIComponent(host)+'&_csrf_token='+encodeURIComponent(getCsrfToken())})
+ .then(r=>r.json()).then(d=>{
+ showToast(d.success?'success':'error',d.message);
+ if(d.success){
+ const dbs=[];
+ document.querySelectorAll('.nuDbCheck:checked').forEach(cb=>dbs.push(cb.value));
+ if(dbs.length>0){
+ let cnt=0;
+ dbs.forEach(db=>{
+ fetch('/servers/' + serverId + '/database',{method:'POST',headers:{'Content-Type':'application/x-www-form-urlencoded','X-CSRF-Token':getCsrfToken()},body:'action=grant&grant_user='+encodeURIComponent(user)+'&grant_db='+encodeURIComponent(db)+'&grant_host='+encodeURIComponent(host)+'&grant_privs='+encodeURIComponent(grantPrivs)+'&_csrf_token='+encodeURIComponent(getCsrfToken())})
+ .then(r2=>r2.json()).then(g=>{
+ cnt++;
+ if(cnt===dbs.length)loadUsers();
+ });
+ });
+ }else{loadUsers();}
+ }
+ });
+}
+
+function showEditUser(user, host) {
+ const panel = document.getElementById('pmaUsers');
+ panel.innerHTML=''
+ +'
'+escHtml(user)+' @ '+escHtml(host)+''
+ +''
+ +'
New Password
'
+ +'
'
+ +'Cancel
Loading notifications...
';
+
+ const token = getApiToken();
+ const headers = { 'Accept': 'application/json' };
+ if (token) headers['Authorization'] = 'Bearer ' + token;
+
+ fetch('/api/notifications?per_page=10', { headers })
+ .then(r => r.json())
+ .then(d => {
+ if (!d.success) {
+ list.innerHTML = 'Could not load notifications.
';
+ return;
+ }
+ renderNotifications(d.data || [], d.unread_count || 0);
+ })
+ .catch(() => {
+ list.innerHTML = 'Failed to load notifications.
';
+ });
+}
+
+function renderNotifications(items, unreadCount) {
+ const list = document.getElementById('notifList');
+
+ if (!items.length) {
+ list.innerHTML = ''
+ + 'No notifications
';
+ document.getElementById('markAllReadBtn').style.display = 'none';
+ return;
+ }
+
+ let html = '';
+ items.forEach(function(n) {
+ const typeColors = { error: 'danger', warning: 'warning', info: 'info' };
+ const typeColor = typeColors[n.type] || 'info';
+ const icons = { error: 'fa-times-circle', warning: 'fa-exclamation-triangle', info: 'fa-info-circle' };
+ const icon = icons[n.type] || 'fa-info-circle';
+
+ html += ''
+ + '
'
+ + '
'
+ + '
' + escapeHtml(n.title) + '
'
+ + '
' + escapeHtml(n.message) + '
'
+ + '
' + (n.time_ago || '') + '
'
+ + '
'
+ + (n.is_read ? '' : '
')
+ + '
'
+ + ' ';
+ });
+ sub.innerHTML = html;
+ } else {
+ sub.innerHTML = 'No servers
';
+ }
+ sub.style.maxHeight = sub.scrollHeight + 'px';
+ })
+ .catch(() => {
+ sub.innerHTML = 'Failed to load
';
+ sub.style.maxHeight = sub.scrollHeight + 'px';
+ });
+ } else {
+ sub.style.maxHeight = sub.scrollHeight + 'px';
+ }
+}
diff --git a/public/assets/js/nginx-manager.js b/public/assets/js/nginx-manager.js
new file mode 100644
index 0000000..d2041ce
--- /dev/null
+++ b/public/assets/js/nginx-manager.js
@@ -0,0 +1,321 @@
+let currentEditFile = null;
+let editorDirty = false;
+let editorUndoStack = [];
+let editorRedoStack = [];
+let editorHistoryIndex = -1;
+
+function getCsrfToken() {
+ return document.querySelector('meta[name="csrf-token"]')?.content || '';
+}
+
+function updateLineNumbers() {
+ const ta = document.getElementById('editorContent');
+ const gutter = document.getElementById('editorGutter');
+ const lines = ta.value.split('\n').length;
+ const numbers = [];
+ for (let i = 1; i <= lines; i++) {
+ numbers.push('' + i + ' ');
+ }
+ gutter.innerHTML = numbers.join('');
+}
+
+function updateCursorPos() {
+ const ta = document.getElementById('editorContent');
+ const before = ta.value.substring(0, ta.selectionStart);
+ const lines = before.split('\n');
+ const line = lines.length;
+ const col = lines[lines.length - 1].length + 1;
+ document.getElementById('editorCursorPos').textContent = 'Ln ' + line + ', Col ' + col;
+}
+
+function highlightNginx(text) {
+ let h = text
+ .replace(/&/g, '&')
+ .replace(//g, '>')
+ .replace(/#(.*)$/gm, '')
+ .replace(/\b(server|location|listen|server_name|root|index|try_files|include|fastcgi_pass|proxy_pass|return|rewrite|set|if|error_page|ssl_certificate|ssl_certificate_key|ssl_protocols|ssl_ciphers|add_header|access_log|error_log|keepalive|gzip|proxy_set_header|proxy_redirect|client_max_body_size|autoindex)\b/g, '$1 ')
+ .replace(/\b(\d+)\b/g, '$1 ')
+ .replace(/\b(https?|fastcgi|unix):\/\/[^\s;{]+/g, '$& ')
+ .replace(/'(.*?)'/g, '\'$1\' ')
+ .replace(/(\$\w+)/g, '$1 ')
+ .replace(/\b(\w+\.\w+(?:\.\w+)*)\b/g, function(m) {
+ if (m.includes('com') || m.includes('org') || m.includes('net') || m.includes('io') || m.includes('local')) {
+ return '' + m + ' ';
+ }
+ return m;
+ });
+ return h;
+}
+
+function syncHighlight() {
+ const ta = document.getElementById('editorContent');
+ const code = document.getElementById('editorHighlightCode');
+ code.innerHTML = highlightNginx(ta.value) + '\n';
+}
+
+function pushHistory() {
+ const ta = document.getElementById('editorContent');
+ if (editorHistoryIndex >= 0 && editorUndoStack[editorHistoryIndex] === ta.value) return;
+ editorUndoStack = editorUndoStack.slice(0, editorHistoryIndex + 1);
+ editorUndoStack.push(ta.value);
+ editorRedoStack = [];
+ editorHistoryIndex = editorUndoStack.length - 1;
+ if (editorUndoStack.length > 100) {
+ editorUndoStack.shift();
+ editorHistoryIndex--;
+ }
+}
+
+function undoEditor() {
+ if (editorHistoryIndex <= 0) return;
+ editorRedoStack.push(editorUndoStack[editorHistoryIndex]);
+ editorHistoryIndex--;
+ const ta = document.getElementById('editorContent');
+ ta.value = editorUndoStack[editorHistoryIndex];
+ ta.dispatchEvent(new Event('input'));
+}
+
+function redoEditor() {
+ if (editorRedoStack.length === 0) return;
+ const val = editorRedoStack.pop();
+ editorUndoStack.push(val);
+ editorHistoryIndex++;
+ const ta = document.getElementById('editorContent');
+ ta.value = val;
+ ta.dispatchEvent(new Event('input'));
+}
+
+function nginxAction(action) {
+ const btn = event.target.closest('button');
+ const origText = btn.innerHTML;
+ btn.disabled = true;
+ btn.innerHTML = '
+ Sudo (passwordless)
+ Command
+ File Read
+ File Write
+ Custom Command
+
+ ';
+ html += '' + escHtml(s.name) + '' + s.status + ' ';
+ if (!isActive) html += ' ';
+ });
+ if (!html) html = 'No services match the filter. ' + p + ' ';
+ }
+ if (totalPages > 15) html += '... ';
+ container.innerHTML = html + ' ' + list.length + ' services ';
+ container.querySelectorAll('button').forEach(btn => {
+ const p = parseInt(btn.textContent);
+ if (!isNaN(p)) {
+ btn.onclick = function() { renderPage(list, p); };
+ }
+ });
+}
+
+applyFilters();
+
+function getCsrfToken() { return document.querySelector('meta[name="csrf-token"]')?.content || ''; }
+
+function serviceAction(action, service) {
+ fetch('/servers/' + serverId + '/services', {
+ method:'POST',
+ headers:{'Content-Type':'application/x-www-form-urlencoded','X-CSRF-Token':getCsrfToken()},
+ body:'action='+action+'&service='+encodeURIComponent(service)+'&_csrf_token='+encodeURIComponent(getCsrfToken()),
+ })
+ .then(r=>r.json()).then(d=>{
+ showToast(d.success?'success':'error', d.message);
+ if (d.output) {
+ document.getElementById('srTitle').textContent = d.success ? 'Success' : 'Error';
+ document.getElementById('srMessage').textContent = d.message;
+ document.getElementById('srOutputText').textContent = d.output;
+ document.getElementById('srOutput').style.display = 'block';
+ document.getElementById('serviceResultModal').style.display = 'flex';
+ }
+ setTimeout(() => location.reload(), 1500);
+ })
+ .catch(err => showToast('error', 'Request failed'));
+}
+
+function closeSrModal() {
+ document.getElementById('serviceResultModal').style.display = 'none';
+ document.getElementById('srOutput').style.display = 'none';
+}
+
+function escHtml(s) { const d=document.createElement('div'); d.textContent=s; return d.innerHTML; }
+
+document.addEventListener('keydown', function(e) { if (e.key === 'Escape') closeSrModal(); });
diff --git a/public/assets/js/server-show.js b/public/assets/js/server-show.js
new file mode 100644
index 0000000..7ba0230
--- /dev/null
+++ b/public/assets/js/server-show.js
@@ -0,0 +1,323 @@
+let metricsChart = null;
+
+function initChart(data) {
+ const container = document.getElementById('metricsChart').parentNode;
+ const oldCanvas = document.getElementById('metricsChart');
+ const newCanvas = document.createElement('canvas');
+ newCanvas.id = 'metricsChart';
+ newCanvas.height = 300;
+ container.replaceChild(newCanvas, oldCanvas);
+ const ctx = newCanvas.getContext('2d');
+ const labels = data.map(m => {
+ const d = new Date(m.created_at);
+ return d.getHours().toString().padStart(2, '0') + ':' + d.getMinutes().toString().padStart(2, '0');
+ });
+
+ metricsChart = new Chart(ctx, {
+ type: 'line',
+ data: {
+ labels: labels,
+ datasets: [
+ {
+ label: 'CPU',
+ data: data.map(m => m.cpu_usage),
+ borderColor: '#3b82f6',
+ backgroundColor: 'rgba(59, 130, 246, 0.1)',
+ fill: true,
+ tension: 0.3,
+ pointRadius: 1,
+ },
+ {
+ label: 'RAM',
+ data: data.map(m => m.ram_usage),
+ borderColor: '#22c55e',
+ backgroundColor: 'rgba(34, 197, 94, 0.1)',
+ fill: true,
+ tension: 0.3,
+ pointRadius: 1,
+ },
+ {
+ label: 'Disk',
+ data: data.map(m => m.disk_usage),
+ borderColor: '#8b5cf6',
+ backgroundColor: 'rgba(139, 92, 246, 0.1)',
+ fill: true,
+ tension: 0.3,
+ pointRadius: 1,
+ },
+ ],
+ },
+ options: {
+ responsive: true,
+ maintainAspectRatio: false,
+ interaction: {
+ intersect: false,
+ mode: 'index',
+ },
+ plugins: {
+ legend: {
+ labels: {
+ color: '#9ca3af',
+ font: { family: "'Inter', sans-serif" },
+ boxWidth: 12,
+ padding: 16,
+ },
+ },
+ tooltip: {
+ backgroundColor: '#1a1d2b',
+ borderColor: '#2a2d3d',
+ borderWidth: 1,
+ titleColor: '#e1e4ed',
+ bodyColor: '#9ca3af',
+ padding: 10,
+ cornerRadius: 8,
+ callbacks: {
+ label: function(ctx) {
+ return ctx.dataset.label + ': ' + ctx.parsed.y.toFixed(1) + '%';
+ },
+ },
+ },
+ },
+ scales: {
+ x: {
+ ticks: {
+ color: '#6b7280',
+ maxTicksLimit: 12,
+ font: { size: 11 },
+ },
+ grid: {
+ color: 'rgba(255,255,255,0.04)',
+ },
+ },
+ y: {
+ min: 0,
+ max: 100,
+ ticks: {
+ color: '#6b7280',
+ font: { size: 11 },
+ callback: function(v) { return v + '%'; },
+ },
+ grid: {
+ color: 'rgba(255,255,255,0.04)',
+ },
+ },
+ },
+ },
+ });
+}
+
+if (historicalData.length > 0) {
+ initChart(historicalData);
+}
+
+let pendingAgentAction = null;
+
+function showAgentModal(action) {
+ pendingAgentAction = action;
+ const modal = document.getElementById('agentConfirmModal');
+ const title = document.getElementById('agentModalTitle');
+ const msg = document.getElementById('agentModalMessage');
+ const btn = document.getElementById('agentModalConfirmBtn');
+
+ if (action === 'install') {
+ title.textContent = 'Install Monitoring Agent';
+ msg.innerHTML = 'This will install the monitoring agent on serverName via SSH.';
+ btn.textContent = 'Install';
+ btn.className = 'btn btn-primary';
+ } else {
+ title.textContent = 'Uninstall Monitoring Agent';
+ msg.innerHTML = 'This will uninstall the monitoring agent from serverName via SSH. The service will be stopped and all agent files removed.';
+ btn.textContent = 'Uninstall';
+ btn.className = 'btn btn-danger';
+ }
+
+ modal.style.display = 'flex';
+ modal.onclick = function(e) {
+ if (e.target === modal) closeAgentModal();
+ };
+}
+
+function closeAgentModal() {
+ document.getElementById('agentConfirmModal').style.display = 'none';
+ pendingAgentAction = null;
+}
+
+function confirmAgentAction() {
+ if (!pendingAgentAction) return;
+
+ const action = pendingAgentAction;
+ const btn = document.getElementById('agentModalConfirmBtn');
+ btn.disabled = true;
+ btn.textContent = action === 'install' ? 'Installing...' : 'Uninstalling...';
+
+ closeAgentModal();
+
+ fetch('/servers/serverId/agent/' + action, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/x-www-form-urlencoded',
+ 'X-CSRF-Token': getCsrfToken(),
+ },
+ body: '_csrf_token=' + encodeURIComponent(getCsrfToken()),
+ })
+ .then(r => r.json())
+ .then(data => {
+ if (data.success) {
+ showToast('success', action === 'install' ? 'Agent installed successfully.' : 'Agent uninstalled successfully.');
+ setTimeout(() => location.reload(), 1500);
+ } else {
+ let msg = data.error || (action === 'install' ? 'Installation failed.' : 'Uninstallation failed.');
+ if (data.output) msg += ' Output: ' + data.output.replace(/\n/g, ' | ');
+ showToast('error', msg);
+ }
+ })
+ .catch(err => {
+ showToast('error', 'Request failed: ' + err.message);
+ })
+ .finally(() => {
+ btn.disabled = false;
+ btn.textContent = action === 'install' ? 'Install' : 'Uninstall';
+ });
+}
+
+function copyAgentKey() {
+ const key = document.getElementById('agentKeyFull').value;
+ navigator.clipboard.writeText(key).then(() => {
+ showToast('success', 'Agent key copied to clipboard.');
+ }).catch(() => {
+ showToast('error', 'Failed to copy agent key.');
+ });
+}
+
+function regenerateAgentKey() {
+ if (!confirm('Regenerate agent key? The current key will stop working immediately.')) return;
+
+ fetch('/servers/serverId/agent/regenerate-key', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/x-www-form-urlencoded',
+ 'X-CSRF-Token': getCsrfToken(),
+ },
+ body: '_csrf_token=' + encodeURIComponent(getCsrfToken()),
+ })
+ .then(r => r.json())
+ .then(data => {
+ if (data.success) {
+ showToast('success', 'Agent key regenerated.');
+ setTimeout(() => location.reload(), 1500);
+ } else {
+ showToast('error', data.error || 'Failed to regenerate key.');
+ }
+ })
+ .catch(err => showToast('error', 'Request failed: ' + err.message));
+}
+
+function getCsrfToken() {
+ return document.querySelector('meta[name="csrf-token"]')?.content || '';
+}
+
+function serverAction(action) {
+ if (action === 'shutdown' || action === 'reboot') {
+ if (!confirm('Are you sure you want to ' + action + ' this server?')) return;
+ }
+
+ fetch('/servers/serverId/' + action, {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/x-www-form-urlencoded',
+ 'X-CSRF-Token': getCsrfToken(),
+ },
+ body: '_csrf_token=' + encodeURIComponent(getCsrfToken()),
+ })
+ .then(r => r.json())
+ .then(data => {
+ showToast(data.success ? 'success' : 'error', data.message);
+ })
+ .catch(err => showToast('error', 'Request failed: ' + err.message));
+}
+
+function restartService() {
+ const service = prompt('Enter service name to restart (e.g., nginx, mysql, apache2):');
+ if (!service) return;
+
+ fetch('/servers/serverId/restart-service', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/x-www-form-urlencoded',
+ 'X-CSRF-Token': getCsrfToken(),
+ },
+ body: 'service=' + encodeURIComponent(service) + '&_csrf_token=' + encodeURIComponent(getCsrfToken()),
+ })
+ .then(r => r.json())
+ .then(data => {
+ showToast(data.success ? 'success' : 'error', data.message);
+ })
+ .catch(err => showToast('error', 'Request failed: ' + err.message));
+}
+
+function refreshMetrics() {
+ fetch('/servers/serverId/metrics')
+ .then(r => r.json())
+ .then(data => {
+ if (data.success && data.data) {
+ const m = data.data;
+ document.getElementById('cpuMetric').textContent = (m.cpu_usage || '-') + '%';
+ document.getElementById('ramMetric').textContent = (m.ram_usage || '-') + '%';
+ document.getElementById('diskMetric').textContent = (m.disk_usage || '-') + '%';
+ document.getElementById('loadMetric').textContent = m.load_average || '-';
+ document.getElementById('uptimeMetric').textContent = m.uptime || '-';
+ if (metricsChart && metricsChart.data.labels.length > 0) {
+ const now = new Date();
+ const label = now.getHours().toString().padStart(2, '0') + ':' + now.getMinutes().toString().padStart(2, '0');
+ metricsChart.data.labels.push(label);
+ metricsChart.data.datasets[0].data.push(m.cpu_usage);
+ metricsChart.data.datasets[1].data.push(m.ram_usage);
+ metricsChart.data.datasets[2].data.push(m.disk_usage);
+ if (metricsChart.data.labels.length > 48) {
+ metricsChart.data.labels.shift();
+ metricsChart.data.datasets.forEach(ds => ds.data.shift());
+ }
+ metricsChart.update('none');
+ }
+ }
+ });
+}
+
+setInterval(refreshMetrics, 30000);
+
+function showThresholdModal() {
+ document.getElementById('thresholdModal').style.display = 'flex';
+ document.getElementById('thresholdModal').onclick = function(e) {
+ if (e.target === this) closeThresholdModal();
+ };
+}
+
+function closeThresholdModal() {
+ document.getElementById('thresholdModal').style.display = 'none';
+}
+
+function saveThresholds() {
+ const form = document.getElementById('thresholdForm');
+ const data = new URLSearchParams(new FormData(form));
+ data.append('_csrf_token', getCsrfToken());
+
+ document.querySelector('#thresholdModal .btn-primary').disabled = true;
+
+ fetch('/servers/serverId/thresholds', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/x-www-form-urlencoded',
+ 'X-CSRF-Token': getCsrfToken(),
+ },
+ body: data.toString(),
+ })
+ .then(r => r.json())
+ .then(d => {
+ showToast(d.success ? 'success' : 'error', d.message ?? d.error);
+ if (d.success) closeThresholdModal();
+ })
+ .catch(e => showToast('error', 'Request failed: ' + e.message))
+ .finally(() => {
+ document.querySelector('#thresholdModal .btn-primary').disabled = false;
+ });
+}
diff --git a/public/assets/js/server-ssl.js b/public/assets/js/server-ssl.js
new file mode 100644
index 0000000..9c09d6b
--- /dev/null
+++ b/public/assets/js/server-ssl.js
@@ -0,0 +1,73 @@
+function getCsrfToken() {
+ return document.querySelector('meta[name="csrf-token"]')?.content || '';
+}
+
+function sslAction(action, extraData) {
+ const data = 'action=' + action + '&_csrf_token=' + encodeURIComponent(getCsrfToken());
+ const body = extraData ? data + '&' + extraData : data;
+
+ fetch('/servers/' + serverId + '/ssl', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/x-www-form-urlencoded',
+ 'X-CSRF-Token': getCsrfToken(),
+ },
+ body: body,
+ })
+ .then(r => r.json())
+ .then(data => {
+ showToast(data.success ? 'success' : 'error', data.message);
+ if (data.output) {
+ document.getElementById('sslResultMessage').textContent = data.message || '';
+ document.getElementById('sslResultOutputText').textContent = data.output;
+ document.getElementById('sslResultOutput').style.display = 'block';
+ document.getElementById('sslResultModal').style.display = 'flex';
+ }
+ if (action === 'install' && data.success) {
+ setTimeout(() => location.reload(), 1500);
+ }
+ if (['renew', 'delete'].includes(action) && data.success) {
+ setTimeout(() => location.reload(), 1000);
+ }
+ })
+ .catch(err => showToast('error', 'Request failed: ' + err.message));
+}
+
+function openRequestModal() {
+ document.getElementById('sslRequestForm').reset();
+ document.getElementById('sslRequestModal').style.display = 'flex';
+}
+
+function closeRequestModal() {
+ document.getElementById('sslRequestModal').style.display = 'none';
+}
+
+function requestCert(e) {
+ e.preventDefault();
+ const btn = document.getElementById('requestCertBtn');
+ btn.disabled = true;
+ btn.innerHTML = 'No teams match your search.
';
+ container.appendChild(div);
+ } else {
+ empty.querySelector('p').textContent = 'No teams match your search.';
+ empty.style.display = '';
+ }
+ } else {
+ if (empty) empty.style.display = 'none';
+ }
+ }
+
+ const url = q ? '?search=' + encodeURIComponent(query) : window.location.pathname;
+ window.history.replaceState({}, '', url);
+}
+
+document.getElementById('teamSearch')?.addEventListener('input', function() {
+ filterTeams(this.value);
+});
+
+document.addEventListener('DOMContentLoaded', function() {
+ const searchInput = document.getElementById('teamSearch');
+ if (searchInput && searchInput.value) {
+ filterTeams(searchInput.value);
+ }
+});
+
+function deleteTeam(id, name) {
+ if (confirm('Delete team "' + name + '"?\nThis will remove access for all members.')) {
+ const form = document.getElementById('deleteForm');
+ form.action = '/teams/' + id + '/delete';
+ form.submit();
+ }
+}
diff --git a/public/assets/js/team-show.js b/public/assets/js/team-show.js
new file mode 100644
index 0000000..c4b679e
--- /dev/null
+++ b/public/assets/js/team-show.js
@@ -0,0 +1,187 @@
+function getCsrfToken() {
+ return document.querySelector('meta[name="csrf-token"]')?.content || '';
+}
+
+function editTeam() {
+ const name = prompt('Team name:', teamName);
+ if (!name) return;
+ const desc = prompt('Description:', teamDescription);
+
+ const form = new FormData();
+ form.append('name', name);
+ form.append('description', desc || '');
+ form.append('_csrf_token', getCsrfToken());
+
+ fetch('/teams/' + teamId + '/update', {
+ method: 'POST',
+ headers: { 'X-CSRF-Token': getCsrfToken() },
+ body: form,
+ })
+ .then(r => r.json())
+ .then(res => {
+ if (res.success) { showToast('success', res.message); location.reload(); }
+ else { showToast('error', res.message); }
+ });
+}
+
+function deleteTeam() {
+ if (!confirm('Delete this team? Members will lose access to assigned servers.')) return;
+ document.getElementById('postForm').action = '/teams/' + teamId + '/delete';
+ document.getElementById('postForm').submit();
+}
+
+let searchTimeout = null;
+let selectedUserId = null;
+
+document.getElementById('addUserInput').addEventListener('input', function() {
+ clearTimeout(searchTimeout);
+ const q = this.value.trim();
+ selectedUserId = null;
+
+ if (q.length < 2) {
+ document.getElementById('userDropdown').classList.remove('active');
+ return;
+ }
+
+ searchTimeout = setTimeout(function() {
+ fetch('/teams/search-users?q=' + encodeURIComponent(q), {
+ headers: { 'X-CSRF-Token': getCsrfToken() }
+ })
+ .then(r => r.json())
+ .then(data => {
+ const dropdown = document.getElementById('userDropdown');
+ dropdown.innerHTML = '';
+ if (data.users && data.users.length > 0) {
+ data.users.forEach(function(u) {
+ const item = document.createElement('div');
+ item.className = 'autocomplete-item';
+ item.innerHTML = '' + escapeHtml(u.username) + ' ' + escapeHtml(u.email) + ' ';
+ item.dataset.id = u.id;
+ item.dataset.username = u.username;
+ item.addEventListener('click', function() {
+ selectUser(u.id, u.username);
+ });
+ dropdown.appendChild(item);
+ });
+ dropdown.classList.add('active');
+ } else {
+ dropdown.innerHTML = 'No users found
';
+ dropdown.classList.add('active');
+ }
+ })
+ .catch(function() {
+ document.getElementById('userDropdown').classList.remove('active');
+ });
+ }, 300);
+});
+
+document.addEventListener('click', function(e) {
+ if (!e.target.closest('.autocomplete')) {
+ document.getElementById('userDropdown').classList.remove('active');
+ }
+});
+
+function selectUser(id, username) {
+ selectedUserId = id;
+ document.getElementById('addUserInput').value = username;
+ document.getElementById('userDropdown').classList.remove('active');
+
+ const form = new FormData();
+ form.append('user_id', id);
+ form.append('_csrf_token', getCsrfToken());
+
+ fetch('/teams/' + teamId + '/add-user', {
+ method: 'POST',
+ headers: { 'X-CSRF-Token': getCsrfToken() },
+ body: form,
+ })
+ .then(r => r.json())
+ .then(res => {
+ if (res.success) {
+ showToast('success', username + ' added to team');
+ location.reload();
+ } else {
+ showToast('error', res.message);
+ document.getElementById('addUserInput').value = '';
+ }
+ });
+}
+
+function removeMember(userId, username) {
+ if (!confirm('Remove "' + username + '" from this team?')) return;
+
+ const form = new FormData();
+ form.append('user_id', userId);
+ form.append('_csrf_token', getCsrfToken());
+
+ fetch('/teams/' + teamId + '/remove-user', {
+ method: 'POST',
+ headers: { 'X-CSRF-Token': getCsrfToken() },
+ body: form,
+ })
+ .then(r => r.json())
+ .then(res => {
+ if (res.success) { showToast('success', res.message); location.reload(); }
+ else { showToast('error', res.message); }
+ });
+}
+
+function addServer(e) {
+ e.preventDefault();
+ const serverId = document.getElementById('addServerId').value;
+ const role = document.getElementById('addServerRole').value;
+ if (!serverId) return;
+
+ const form = new FormData();
+ form.append('server_id', serverId);
+ form.append('role', role);
+ form.append('_csrf_token', getCsrfToken());
+
+ fetch('/teams/' + teamId + '/add-server', {
+ method: 'POST',
+ headers: { 'X-CSRF-Token': getCsrfToken() },
+ body: form,
+ })
+ .then(r => r.json())
+ .then(res => {
+ if (res.success) { showToast('success', res.message); location.reload(); }
+ else { showToast('error', res.message); }
+ });
+}
+
+function removeServer(serverId, name) {
+ if (!confirm('Remove "' + name + '" from this team?')) return;
+
+ const form = new FormData();
+ form.append('server_id', serverId);
+ form.append('_csrf_token', getCsrfToken());
+
+ fetch('/teams/' + teamId + '/remove-server', {
+ method: 'POST',
+ headers: { 'X-CSRF-Token': getCsrfToken() },
+ body: form,
+ })
+ .then(r => r.json())
+ .then(res => {
+ if (res.success) { showToast('success', res.message); location.reload(); }
+ else { showToast('error', res.message); }
+ });
+}
+
+function updateServerRole(serverId, role) {
+ const form = new FormData();
+ form.append('server_id', serverId);
+ form.append('role', role);
+ form.append('_csrf_token', getCsrfToken());
+
+ fetch('/teams/' + teamId + '/update-server-role', {
+ method: 'POST',
+ headers: { 'X-CSRF-Token': getCsrfToken() },
+ body: form,
+ })
+ .then(r => r.json())
+ .then(res => {
+ if (res.success) { showToast('success', 'Role updated to ' + role); }
+ else { showToast('error', res.message); }
+ });
+}
diff --git a/public/assets/js/terminal.js b/public/assets/js/terminal.js
new file mode 100644
index 0000000..bbcd415
--- /dev/null
+++ b/public/assets/js/terminal.js
@@ -0,0 +1,110 @@
+function getCsrfToken() {
+ return document.querySelector('meta[name="csrf-token"]')?.content || '';
+}
+
+const terminalInput = document.getElementById('terminalInput');
+const terminalOutput = document.getElementById('terminalOutput');
+const connectionStatus = document.getElementById('connectionStatus');
+
+terminalInput.addEventListener('keydown', function(e) {
+ if (e.key === 'Enter') {
+ executeCommand();
+ }
+});
+
+function executeCommand() {
+ const command = terminalInput.value.trim();
+ if (!command) return;
+
+ appendTerminalLine(command, 'command');
+
+ terminalInput.value = '';
+ terminalInput.disabled = true;
+ document.getElementById('executeBtn').disabled = true;
+
+ updateStatus('executing', 'Executing...');
+
+ fetch('/terminal/' + serverId + '/execute', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/x-www-form-urlencoded',
+ 'X-CSRF-Token': getCsrfToken(),
+ },
+ body: 'command=' + encodeURIComponent(command) + '&_csrf_token=' + encodeURIComponent(getCsrfToken()),
+ })
+ .then(r => r.json())
+ .then(data => {
+ terminalInput.disabled = false;
+ document.getElementById('executeBtn').disabled = false;
+ terminalInput.focus();
+
+ if (data.success) {
+ if (data.output) {
+ appendTerminalLine(data.output, 'output');
+ }
+ if (data.stderr) {
+ appendTerminalLine(data.stderr, 'error');
+ }
+ updateStatus('connected', 'Connected');
+ } else {
+ appendTerminalLine(data.message || 'Command failed', 'error');
+ updateStatus('error', 'Error');
+ }
+
+ const terminalBody = document.getElementById('terminalOutput');
+ terminalBody.scrollTop = terminalBody.scrollHeight;
+ })
+ .catch(err => {
+ terminalInput.disabled = false;
+ document.getElementById('executeBtn').disabled = false;
+ appendTerminalLine('Connection error: ' + err.message, 'error');
+ updateStatus('error', 'Error');
+ });
+}
+
+function appendTerminalLine(text, type) {
+ const line = document.createElement('div');
+ line.className = 'terminal-line terminal-' + type;
+ if (type === 'command') {
+ line.innerHTML = '$ ' + escapeHtml(text);
+ } else {
+ line.innerHTML = '' + escapeHtml(text) + ' ';
+ }
+ terminalOutput.appendChild(line);
+ terminalOutput.scrollTop = terminalOutput.scrollHeight;
+}
+
+function runQuickCmd(cmd) {
+ terminalInput.value = cmd;
+ executeCommand();
+}
+
+function clearTerminal() {
+ terminalOutput.innerHTML = '';
+}
+
+function clearHistory() {
+ if (!confirm('Clear all command history for this server?')) return;
+
+ fetch('/terminal/' + serverId + '/clear-history', {
+ method: 'POST',
+ headers: {
+ 'Content-Type': 'application/x-www-form-urlencoded',
+ 'X-CSRF-Token': getCsrfToken(),
+ },
+ body: '_csrf_token=' + encodeURIComponent(getCsrfToken()),
+ })
+ .then(r => r.json())
+ .then(data => {
+ showToast(data.success ? 'success' : 'error', data.message);
+ if (data.success) location.reload();
+ });
+}
+
+function updateStatus(status, text) {
+ const dot = connectionStatus.querySelector('.status-dot');
+ dot.className = 'status-dot ' + status;
+ connectionStatus.lastChild.textContent = ' ' + text;
+}
+
+terminalInput.focus();
diff --git a/public/index.php b/public/index.php
index 6c70432..447db00 100755
--- a/public/index.php
+++ b/public/index.php
@@ -23,12 +23,9 @@ try {
$app->run();
} catch (\Throwable $e) {
http_response_code(500);
- if (($_ENV['APP_DEBUG'] ?? false) === 'true') {
- echo 'Server Error ';
- echo '' . htmlspecialchars($e->getMessage()) . ' ';
- echo '' . $e->getTraceAsString() . ' ';
- } else {
- echo '500 Internal Server Error ';
- echo 'An unexpected error occurred. Please check the logs.
';
+ if (isset($app)) {
+ $app->getView()->error(500);
}
+ echo '500 Internal Server Error ';
+ echo 'An unexpected error occurred.
';
}
diff --git a/src/Middleware/AuthMiddleware.php b/src/Middleware/AuthMiddleware.php
index a5955a4..8038b04 100755
--- a/src/Middleware/AuthMiddleware.php
+++ b/src/Middleware/AuthMiddleware.php
@@ -29,7 +29,7 @@ class AuthMiddleware
if (!headers_sent()) {
header("Location: {$url}");
} else {
- echo '';
+ echo '429 Too Many Requests — ServerManager
-
-
-
429
-
Too Many Requests
-
You have made too many requests in a short period. Please wait before trying again.
-
-
Retry in
-
{$retryMinutes}:00
-
-
-
-
-
-
429 Too Many Requests — ServerManager
+
+
+
429
+
Too Many Requests
+
You have made too many requests in a short period. Please wait before trying again.
+
+
+
+
+
<?= htmlspecialchars($title ?? 'ServerManager') ?>
- <?= htmlspecialchars($title) ?> — ServerManager
+
+
+
+
diff --git a/views/servers/processes.php b/views/servers/processes.php
old mode 100755
new mode 100644
index 780e739..3427074
--- a/views/servers/processes.php
+++ b/views/servers/processes.php
@@ -101,66 +101,6 @@ $processList = $processList ?? [];
Connected to
Type commands below to execute them on the remote server.
@@ -149,121 +149,5 @@ $commandHistory = $commandHistory ?? [];
+