tomh104/nat-as-server
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

added IP to log activity UI

Browse Source
This commit is contained in:
tom.hempel
2026-06-01 23:15:43 +02:00
parent 43c47bca6d
commit 30d3ab4a87
3 changed files with 24 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
lib/api_log.php
View File

@ -305,7 +305,12 @@ function qdb_api_log_finish(): void
function qdb_api_log_client_ip(): string function qdb_api_log_client_ip(): string
{ {
foreach (['HTTP_X_FORWARDED_FOR', 'HTTP_X_REAL_IP', 'REMOTE_ADDR'] as $key) { foreach ([
'HTTP_CF_CONNECTING_IP',
'HTTP_X_FORWARDED_FOR',
'HTTP_X_REAL_IP',
'REMOTE_ADDR',
] as $key) {
$v = trim((string)($_SERVER[$key] ?? '')); $v = trim((string)($_SERVER[$key] ?? ''));
if ($v === '') { if ($v === '') {
continue; continue;
@ -313,8 +318,10 @@ function qdb_api_log_client_ip(): string
if ($key === 'HTTP_X_FORWARDED_FOR') { if ($key === 'HTTP_X_FORWARDED_FOR') {
$v = trim(explode(',', $v)[0]); $v = trim(explode(',', $v)[0]);
} }
if (filter_var($v, FILTER_VALIDATE_IP)) {
return $v; return $v;
} }
}
return ''; return '';
} }

8
website/css/style.css
View File

@ -343,6 +343,14 @@ code {
font-size: 0.85rem; font-size: 0.85rem;
vertical-align: top; vertical-align: top;
} }
.activity-log-ip {
font-size: 0.8rem;
white-space: nowrap;
vertical-align: top;
}
.activity-log-ip code {
font-size: 0.78rem;
}
.activity-log-subject strong, .activity-log-subject strong,
.activity-log-actor strong { .activity-log-actor strong {
color: var(--text); color: var(--text);

11
website/js/pages/dev.js
View File

@ -89,6 +89,7 @@ export function devPage() {
<th>Subject</th> <th>Subject</th>
<th>Method</th> <th>Method</th>
<th>Route</th> <th>Route</th>
<th>IP</th>
<th>Status</th> <th>Status</th>
<th>Duration</th> <th>Duration</th>
<th>Values</th> <th>Values</th>
@ -96,7 +97,7 @@ export function devPage() {
</tr> </tr>
</thead> </thead>
<tbody id="activityLogBody"> <tbody id="activityLogBody">
<tr><td colspan="9" style="text-align:center;color:var(--text-secondary);padding:20px">Loading…</td></tr> <tr><td colspan="10" style="text-align:center;color:var(--text-secondary);padding:20px">Loading…</td></tr>
</tbody> </tbody>
</table> </table>
</div> </div>
@ -294,7 +295,7 @@ async function loadActivityLog() {
const date = document.getElementById('activityLogDate')?.value || new Date().toISOString().slice(0, 10); const date = document.getElementById('activityLogDate')?.value || new Date().toISOString().slice(0, 10);
const activity = document.getElementById('activityLogKind')?.value || ''; const activity = document.getElementById('activityLogKind')?.value || '';
tbody.innerHTML = '<tr><td colspan="9" style="text-align:center;padding:20px">Loading…</td></tr>'; tbody.innerHTML = '<tr><td colspan="10" style="text-align:center;padding:20px">Loading…</td></tr>';
try { try {
const q = new URLSearchParams({ date, limit: '300' }); const q = new URLSearchParams({ date, limit: '300' });
@ -314,7 +315,7 @@ async function loadActivityLog() {
} }
if (!entries.length) { if (!entries.length) {
tbody.innerHTML = '<tr><td colspan="9" style="text-align:center;color:var(--text-secondary);padding:24px">No activity recorded</td></tr>'; tbody.innerHTML = '<tr><td colspan="10" style="text-align:center;color:var(--text-secondary);padding:24px">No activity recorded</td></tr>';
return; return;
} }
@ -327,6 +328,7 @@ async function loadActivityLog() {
const dur = e.duration_ms != null ? `${e.duration_ms} ms` : '—'; const dur = e.duration_ms != null ? `${e.duration_ms} ms` : '—';
const subject = formatActivitySubject(e); const subject = formatActivitySubject(e);
const performedBy = formatActivityPerformer(e); const performedBy = formatActivityPerformer(e);
const ip = (e.ip && String(e.ip).trim()) ? String(e.ip).trim() : '—';
const errPart = e.error const errPart = e.error
? `<div class="error-text" style="margin-top:6px;font-size:.8rem">${escHtml(e.error)}</div>` ? `<div class="error-text" style="margin-top:6px;font-size:.8rem">${escHtml(e.error)}</div>`
: ''; : '';
@ -336,6 +338,7 @@ async function loadActivityLog() {
<td class="activity-log-subject">${subject}</td> <td class="activity-log-subject">${subject}</td>
<td><code>${escHtml(e.method || '')}</code></td> <td><code>${escHtml(e.method || '')}</code></td>
<td><code>${escHtml(e.route || '')}</code></td> <td><code>${escHtml(e.route || '')}</code></td>
<td class="activity-log-ip"><code>${escHtml(ip)}</code></td>
<td>${escHtml(status)}</td> <td>${escHtml(status)}</td>
<td>${escHtml(dur)}</td> <td>${escHtml(dur)}</td>
<td class="activity-log-changes-cell">${renderActivityChanges(e.changes)}</td> <td class="activity-log-changes-cell">${renderActivityChanges(e.changes)}</td>
@ -344,7 +347,7 @@ async function loadActivityLog() {
}).join(''); }).join('');
} catch (err) { } catch (err) {
if (meta) meta.textContent = ''; if (meta) meta.textContent = '';
tbody.innerHTML = `<tr><td colspan="9" class="error-text" style="padding:16px">${escHtml(err.message)}</td></tr>`; tbody.innerHTML = `<tr><td colspan="10" class="error-text" style="padding:16px">${escHtml(err.message)}</td></tr>`;
} }
} }