socks-manager/templates/logs.html

{% extends "base.html" %}
{% block title %}审计日志 · SOCKS Manager{% endblock %}

{% block content %}
<div class="page-header">
  <h5><i class="bi bi-journal-text"></i> 审计日志 <span class="text-muted small">({{ total }} 条)</span></h5>
</div>

<!-- 筛选 -->
<div class="card mb-3">
  <div class="card-body">
    <form method="get" class="row g-2">
      <div class="col-md-3">
        <label class="form-label">事件类型</label>
        <select name="event" class="form-select form-select-sm">
          <option value="">全部</option>
          {% for evt in ['auth_success','auth_fail','connect_success','connect_reject','user_create','instance_start','instance_stop'] %}
          <option value="{{ evt }}" {% if event_filter==evt %}selected{% endif %}>{{ evt }}</option>
          {% endfor %}
        </select>
      </div>
      <div class="col-md-3">
        <label class="form-label">用户名</label>
        <input name="user" class="form-control form-control-sm" value="{{ user_filter }}" placeholder="搜索用户名">
      </div>
      <div class="col-md-3">
        <label class="form-label">来源 IP</label>
        <input name="src_ip" class="form-control form-control-sm" value="{{ ip_filter }}" placeholder="搜索 IP">
      </div>
      <div class="col-md-3 d-flex align-items-end">
        <button type="submit" class="btn btn-outline-primary btn-sm w-100">
          <i class="bi bi-search"></i> 筛选</button>
      </div>
    </form>
  </div>
</div>

<!-- 日志列表 -->
<div class="card">
  <div class="card-body p-0">
    <table class="table table-dark table-sm">
      <thead>
        <tr><th>时间</th><th>事件</th><th>用户</th><th>来源 IP</th><th>详情</th></tr>
      </thead>
      <tbody>
        {% for l in logs %}
        <tr>
          <td><small>{{ l.timestamp[:19].replace('T',' ') if l.timestamp else '-' }}</small></td>
          <td>
            <span class="badge badge-{{
              'success' if 'success' in l.event else
              'danger' if 'fail' in l.event or 'reject' in l.event else
              'warning' if 'start' in l.event or 'stop' in l.event else
              'secondary'
            }}">{{ l.event }}</span>
          </td>
          <td>{{ l.user or '-' }}</td>
          <td><code>{{ l.src_ip or '-' }}</code></td>
          <td><small class="text-muted">{{ l.detail or '-' }}</small></td>
        </tr>
        {% endfor %}
      </tbody>
    </table>
    {% if not logs %}
    <div class="text-center py-5 text-muted">暂无日志记录</div>
    {% endif %}
  </div>

  <!-- 分页 -->
  {% if total > 50 %}
  <div class="card-footer d-flex justify-content-between align-items-center">
    <span class="text-muted small">共 {{ total }} 条</span>
    <nav><ul class="pagination pagination-sm mb-0">
      {% set qs = "event=" ~ event_filter ~ "&user=" ~ user_filter ~ "&src_ip=" ~ ip_filter %}
      {% if page > 1 %}<li class="page-item"><a class="page-link" href="?page={{ page-1 }}&{{ qs }}">上一页</a></li>{% endif %}
      <li class="page-item disabled"><span class="page-link">{{ page }}</span></li>
      {% if total//50 + 1 > page %}<li class="page-item"><a class="page-link" href="?page={{ page+1 }}&{{ qs }}">下一页</a></li>{% endif %}
    </ul></nav>
  </div>
  {% endif %}
</div>

{% endblock %}