ken_nogi/NodeJS/postfixConsole/public/index.html
Kenichiro NOGI 88a402ce0f up
2026-07-10 18:13:30 +09:00

63 lines
2.4 KiB
HTML

<!doctype html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Postfix Console</title>
<link rel="stylesheet" href="/style.css" />
</head>
<body>
<main class="layout">
<header class="header">
<h1>Postfix Console</h1>
<p>Postfix各種設定と maillog を Web から確認・更新します。</p>
<div class="header-actions">
<a class="help-link" href="/help.html" target="_blank" rel="noopener noreferrer">設定ヘルプを開く</a>
</div>
</header>
<section id="loginPanel" class="panel auth-panel">
<h2>ログイン</h2>
<p class="meta">設定画面を開くにはパスワードを入力してください。</p>
<form id="loginForm" class="auth-form">
<input id="passwordInput" type="password" placeholder="パスワード" autocomplete="current-password"
required />
<button id="loginButton" type="submit" class="primary">ログイン</button>
</form>
</section>
<section id="appPanel" class="app-hidden">
<section class="panel">
<h2>Postfix 各種設定</h2>
<p id="postfixInfo" class="meta">読み込み中...</p>
<div class="config-toolbar">
<select id="postfixFileSelect"></select>
<button id="reloadPostfixConfig" type="button">再読込</button>
<button id="savePostfixConfig" type="button" class="primary">保存</button>
</div>
<textarea id="postfixConfigInput" rows="14" placeholder="選択した設定ファイルの内容を編集"></textarea>
</section>
<div class="actions">
<button id="logoutButton" type="button">ログアウト</button>
</div>
<section class="panel">
<h2>maillog (最新100行)</h2>
<p id="logInfo" class="meta">読み込み中...</p>
<pre id="logOutput"></pre>
<div class="actions">
<button id="reloadLog" type="button">ログ更新</button>
</div>
</section>
</section>
<p id="status" class="status"></p>
</main>
<script src="/app.js"></script>
</body>
</html>