chendeben
/
MailSend


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113
							<!doctype html>
<html lang="zh-CN">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>MailHub</title>
    <link rel="stylesheet" href="/styles.css">
  </head>
  <body>
    <main class="app-shell">
      <header class="topbar">
        <div>
          <h1>MailHub</h1>
          <p id="runtimeLine">加载中</p>
        </div>
        <div class="topbar-actions">
          <button class="icon-button" id="refreshButton" title="刷新">刷新</button>
          <button class="icon-button" id="logoutButton" title="退出登录">退出</button>
        </div>
      </header>

      <section class="notice hidden" id="securityNotice"></section>

      <div class="workspace">
        <aside class="sidebar">
          <form class="panel compact-form" id="addDomainForm">
            <h2>添加发信域名</h2>
            <label>
              域名
              <input name="domain" placeholder="example.com" autocomplete="off" required>
            </label>
            <div class="form-grid">
              <label>
                DKIM selector
                <input name="selector" placeholder="mh202607">
              </label>
              <label>
                DMARC 策略
                <select name="dmarcPolicy">
                  <option value="none">none</option>
                  <option value="quarantine">quarantine</option>
                  <option value="reject">reject</option>
                </select>
              </label>
            </div>
            <label>
              发信主机
              <input name="senderHost" id="defaultSenderHost" autocomplete="off">
            </label>
            <label>
              发信 IP
              <input name="sendingIp" id="defaultSendingIp" autocomplete="off">
            </label>
            <label>
              兼容第三方 SPF
              <textarea name="spfExtra" id="defaultSpfExtra" rows="2"></textarea>
            </label>
            <button class="primary-button" type="submit">添加并生成 DNS</button>
          </form>

          <form class="panel compact-form" id="smtpCredentialForm">
            <div class="section-head">
              <h2>SMTP 凭据</h2>
              <span class="badge idle" id="smtpCredentialState">未加载</span>
            </div>
            <label>
              用户名
              <input name="username" id="smtpUsername" autocomplete="off" required>
            </label>
            <label>
              新密码
              <input name="password" id="smtpPassword" type="password" autocomplete="new-password" placeholder="留空则不修改">
            </label>
            <div class="button-row">
              <button class="secondary-button" id="generateSmtpPassword" type="button">生成密码</button>
              <button class="primary-button" type="submit">保存凭据</button>
            </div>
            <div class="credential-copy" id="smtpCredentialCopy"></div>
            <p class="muted">保存后立即生效，SMTP 客户端下一次认证会使用新凭据。</p>
          </form>

          <section class="panel domain-panel">
            <div class="section-head">
              <h2>域名</h2>
              <span class="count" id="domainCount">0</span>
            </div>
            <div class="domain-list" id="domainList"></div>
          </section>
        </aside>

        <section class="main-panel" id="detailPanel">
          <div class="empty-state">
            <h2>选择或添加一个域名</h2>
            <p>DNS 引导、验证结果、DKIM 记录和测试发送会显示在这里。</p>
          </div>
        </section>
      </div>
    </main>

    <template id="recordRowTemplate">
      <tr>
        <td class="record-label"></td>
        <td class="mono record-host"></td>
        <td class="record-type"></td>
        <td><code class="record-value"></code></td>
        <td class="record-status"></td>
        <td><button class="small-button copy-button" type="button">复制</button></td>
      </tr>
    </template>

    <script src="/app.js" type="module"></script>
  </body>
</html>