squid-manager/templates/login.html

{% extends "base.html" %}
{% block title %}登录 - Squid Manager{% endblock %}
{% block content %}
<div class="login-wrap">
    <div class="login-card">
        <div class="login-logo">🦑</div>
        <h1>Squid Web Manager</h1>
        <p class="login-sub">Squid 代理服务器管理平台</p>
        {% if throttle_remaining and throttle_remaining > 0 %}
        <div class="login-throttle">
            ⏳ 登录已锁定,请等待 <strong id="throttle-countdown">{{ throttle_remaining }}</strong> 秒
        </div>
        {% endif %}
        <form method="post" action="{{ url_for('login') }}">
            <input type="hidden" name="next" value="{{ next }}">
            <input type="hidden" name="_csrf" value="{{ csrf_token() }}">
            <div class="form-group">
                <label>用户名</label>
                <input type="text" name="username" required autofocus
                       autocomplete="username" placeholder="admin"
                       class="form-input" {% if throttle_remaining and throttle_remaining > 0 %}disabled{% endif %}>
            </div>
            <div class="form-group">
                <label>密码</label>
                <input type="password" name="password" required
                       autocomplete="current-password" class="form-input"
                       {% if throttle_remaining and throttle_remaining > 0 %}disabled{% endif %}>
            </div>
            <button type="submit" class="btn btn-primary btn-block"
                    {% if throttle_remaining and throttle_remaining > 0 %}disabled{% endif %}>
                登录
            </button>
        </form>
        <p class="login-hint">默认账号 admin / admin &middot; 首次登录后请修改密码</p>
    </div>
</div>
{% endblock %}

{% block scripts %}
{% if throttle_remaining and throttle_remaining > 0 %}
<script>
let s = {{ throttle_remaining }};
const el = document.getElementById('throttle-countdown');
const t = setInterval(() => {
    s--;
    if (el) el.textContent = s;
    if (s <= 0) { clearInterval(t); location.reload(); }
}, 1000);
</script>
{% endif %}
{% endblock %}