feat: add server power controls (start/stop/restart) from dashboard

Author: ddrayko

public/js/app.js

@@ -52,6 +52,24 @@ function openPyrodactylPanel(serverIdentifier) {
   window.open(url, '_blank');
 }
 
+async function sendPowerCommand(identifier, signal) {
+  const btn = event?.target;
+  if (btn) {
+    btn.disabled = true;
+    btn.innerHTML = '<span class="spinner" style="width:14px;height:14px;border-width:2px"></span>';
+  }
+  try {
+    await api(`/servers/power/${identifier}`, { method: 'POST', body: JSON.stringify({ signal }) });
+  } catch (err) {
+    alert('Failed to send ' + signal + ' command: ' + err.message);
+  } finally {
+    if (btn) {
+      btn.disabled = false;
+      btn.textContent = signal.charAt(0).toUpperCase() + signal.slice(1);
+    }
+  }
+}
+
 function $(sel) { return document.querySelector(sel); }
 function md5(s) {
   function F(x,y,z) { return (x & y) | (~x & z); }
@@ -1804,6 +1822,23 @@ async function renderServerDetail(serverId) {
       </div>
 
       <div id="server-tab-actions" class="tab-content" style="display:${activeTab === 'actions' ? 'block' : 'none'}">
+        <div class="action-card">
+          <div class="action-card-header">
+            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M13 2L3 14h9l-1 8 10-12h-9l1-8z"/></svg>
+            <div>
+              <h3 class="action-card-title">Power Controls</h3>
+              <p class="action-card-desc">
+                Current state: <strong>${s.currentState || 'Unknown'}</strong>
+              </p>
+            </div>
+          </div>
+          <div style="display:flex;gap:8px;flex-wrap:wrap">
+            <button class="btn btn-success btn-full" style="flex:1" onclick="sendPowerCommand('${s.identifier}','start')" ${s.currentState === 'running' ? 'disabled' : ''}>Start</button>
+            <button class="btn btn-warning btn-full" style="flex:1" onclick="sendPowerCommand('${s.identifier}','stop')" ${s.currentState !== 'running' ? 'disabled' : ''}>Stop</button>
+            <button class="btn btn-ghost btn-full" style="flex:1" onclick="sendPowerCommand('${s.identifier}','restart')" ${s.currentState !== 'running' ? 'disabled' : ''}>Restart</button>
+          </div>
+        </div>
+
         <div class="action-card">
           <div class="action-card-header">
             <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M18 13v6a2 2 0 01-2 2H5a2 2 0 01-2-2V8a2 2 0 012-2h6M15 3h6v6M10 14L21 3"/></svg>

routes/servers.js

@@ -186,6 +186,27 @@ router.get('/details/:id', authenticateToken, async (req, res) => {
     const server = await getServerById(serverId);
     const meta = await query('SELECT * FROM server_meta WHERE ptero_server_id = ?', [serverId]);
     server.serverMeta = meta.length > 0 ? meta[0] : null;
+
+    const users = await query('SELECT ptero_client_api_key FROM users WHERE id = ?', [req.user.userId]);
+    const clientApiKey = users[0]?.ptero_client_api_key;
+    if (clientApiKey) {
+      try {
+        const pteroRes = await fetch(`${PTERO_URL}/api/client/servers/${server.identifier}/resources`, {
+          headers: {
+            'Authorization': `Bearer ${clientApiKey}`,
+            'Accept': 'application/json',
+          },
+          signal: AbortSignal.timeout(8000),
+        });
+        if (pteroRes.ok) {
+          const data = await pteroRes.json();
+          server.currentState = data.attributes.current_state;
+        }
+      } catch {
+        server.currentState = null;
+      }
+    }
+
     res.json({ server });
   } catch (err) {
     console.error('Get server error:', err.message);
@@ -390,6 +411,40 @@ router.get('/resources/:identifier', authenticateToken, async (req, res) => {
   }
 });
 
+router.post('/power/:identifier', authenticateToken, async (req, res) => {
+  try {
+    const { identifier } = req.params;
+    const { signal } = req.body;
+    const userId = req.user.userId;
+
+    const users = await query('SELECT ptero_client_api_key FROM users WHERE id = ?', [userId]);
+    if (!users[0]?.ptero_client_api_key) {
+      return res.status(400).json({ error: 'No Pyrodactyl API key configured' });
+    }
+
+    const apiKey = users[0].ptero_client_api_key;
+    const pteroRes = await fetch(`${PTERO_URL}/api/client/servers/${identifier}/power`, {
+      method: 'POST',
+      headers: {
+        'Authorization': `Bearer ${apiKey}`,
+        'Accept': 'application/json',
+        'Content-Type': 'application/json',
+      },
+      body: JSON.stringify({ signal }),
+      signal: AbortSignal.timeout(10000),
+    });
+
+    if (!pteroRes.ok) {
+      return res.status(502).json({ error: 'Failed to send power command' });
+    }
+
+    res.json({ success: true });
+  } catch (err) {
+    console.error('Power command error:', err.message);
+    res.status(500).json({ error: 'Failed to send power command' });
+  }
+});
+
 router.put('/client-api-key', authenticateToken, async (req, res) => {
   try {
     const { apiKey } = req.body;