{% extends "base.html" %}
{% set active = "nginx" %}
{% block title %}Nginx管理{% endblock %}
{% block content %}
<div class="header"><h1>⚙️ Nginx 管理</h1>
<div class="actions">
<button class="btn btn-success btn-sm" onclick="nginxAction('start')">启动</button>
<button class="btn btn-warning btn-sm" onclick="nginxAction('stop')">停止</button>
<button class="btn btn-primary btn-sm" onclick="nginxAction('restart')">重启</button>
<button class="btn btn-sm" onclick="nginxAction('reload')" style="background:#8E44AD;color:#fff">重载</button>
</div></div>
<div class="grid grid-2">
<div class="card"><h3>状态信息</h3><div id="nginx-status">加载中...</div></div>
<div class="card"><h3>配置检测</h3><div id="nginx-test"><button class="btn btn-primary btn-sm" onclick="testConfig()">测试配置</button></div></div>
</div>
<div class="card"><h3>配置文件编辑</h3>
<div class="form-row">
<div class="form-group"><label>配置文件路径</label><input type="text" id="conf-path" value="/etc/nginx/nginx.conf"></div>
<div><button class="btn btn-primary" onclick="loadConf()">读取</button></div>
</div>
<div class="form-group"><textarea id="conf-content" style="height:400px;font-family:monospace;font-size:13px" placeholder="点击读取加载配置文件..."></textarea></div>
<button class="btn btn-success" onclick="saveConf()">保存配置</button>
</div>
{% endblock %}
{% block scripts %}
<script>
function refresh(){api('/api/nginx/status').then(function(d){var s=d.status==='running'?'<span class="badge badge-success">运行中</span>':'<span class="badge badge-danger">已停止</span>';document.getElementById('nginx-status').innerHTML='<p>'+s+'</p><p style="margin-top:8px">'+d.version+'</p>'})}
function nginxAction(a){post('/api/nginx/action',{action:a}).then(function(d){toast(d.output,d.success?'success':'error');refresh()})}
function testConfig(){api('/api/nginx/test').then(function(d){document.getElementById('nginx-test').innerHTML=d.success?'<span class="badge badge-success">配置正常</span>':'<span class="badge badge-danger">配置错误</span><pre style="margin-top:8px;font-size:12px;color:#E74C3C">'+d.output+'</pre>'})}
function loadConf(){post('/api/nginx/get_config',{path:document.getElementById('conf-path').value}).then(function(d){if(d.success)document.getElementById('conf-content').value=d.content;else toast(d.error,'error')})}
function saveConf(){post('/api/nginx/save_config',{path:document.getElementById('conf-path').value,content:document.getElementById('conf-content').value}).then(function(d){toast(d.output,d.success?'success':'error')})}
refresh();
</script>
{% endblock %}