63 lines
2.0 KiB
HTML
63 lines
2.0 KiB
HTML
|
<!doctype html>
|
|||
|
|
<html lang="zh-Hant">
|
|||
|
|
<head>
|
|||
|
|
<meta charset="utf-8">
|
|||
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|||
|
|
<title>管理員 — 租屋契約範本</title>
|
|||
|
|
<link rel="stylesheet" href="/styles.css">
|
|||
|
|
</head>
|
|||
|
|
<body>
|
|||
|
|
<main class="app-shell">
|
|||
|
|
<header class="topbar">
|
|||
|
|
<div>
|
|||
|
|
<p class="eyebrow">Admin</p>
|
|||
|
|
<h1>範本管理</h1>
|
|||
|
|
</div>
|
|||
|
|
<a href="/" class="status-pill" style="text-decoration:none">← 返回</a>
|
|||
|
|
</header>
|
|||
|
|
|
|||
|
|
<div id="loginSection">
|
|||
|
|
<div class="tool-panel" style="max-width:360px">
|
|||
|
|
<div>
|
|||
|
|
<p class="eyebrow">管理員登入</p>
|
|||
|
|
<h2>輸入密碼</h2>
|
|||
|
|
</div>
|
|||
|
|
<label class="field">
|
|||
|
|
<span>密碼</span>
|
|||
|
|
<input id="passwordInput" type="password" autocomplete="current-password">
|
|||
|
|
</label>
|
|||
|
|
<button id="loginButton" class="primary-button">登入</button>
|
|||
|
|
<p id="loginError" class="message"></p>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div id="adminSection" hidden>
|
|||
|
|
<section class="workspace" style="grid-template-columns: 1fr 1fr">
|
|||
|
|
<div class="tool-panel">
|
|||
|
|
<div>
|
|||
|
|
<p class="eyebrow">上傳範本</p>
|
|||
|
|
<h2>新增 / 覆蓋</h2>
|
|||
|
|
</div>
|
|||
|
|
<label class="field">
|
|||
|
|
<span>選擇檔案（.docx / .doc）</span>
|
|||
|
|
<input id="uploadInput" type="file" accept=".doc,.docx">
|
|||
|
|
</label>
|
|||
|
|
<button id="uploadButton" class="primary-button">上傳</button>
|
|||
|
|
<p id="uploadMessage" class="message"></p>
|
|||
|
|
</div>
|
|||
|
|
|
|||
|
|
<div class="tool-panel">
|
|||
|
|
<div>
|
|||
|
|
<p class="eyebrow">現有範本</p>
|
|||
|
|
<h2>刪除</h2>
|
|||
|
|
</div>
|
|||
|
|
<div id="templateList"><p class="message">載入中…</p></div>
|
|||
|
|
</div>
|
|||
|
|
</section>
|
|||
|
|
</div>
|
|||
|
|
</main>
|
|||
|
|
|
|||
|
|
<script src="/admin.js" defer></script>
|
|||
|
|
</body>
|
|||
|
|
</html>
|