|
|
<!doctype html> |
|
|
<html lang="ja"> |
|
|
<head> |
|
|
<meta charset="utf-8" /> |
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" /> |
|
|
<title>管理｜QR Check-in</title> |
|
|
<link rel="stylesheet" href="/static/styles.css" /> |
|
|
</head> |
|
|
<body> |
|
|
<main class="container"> |
|
|
<h1>管理画面</h1> |
|
|
|
|
|
<section class="card"> |
|
|
<h2>店舗一覧</h2> |
|
|
<div id="venues"></div> |
|
|
<button id="seed" class="btn">デモ店舗を作成</button> |
|
|
<hr/> |
|
|
<div style="display:flex;gap:8px;flex-wrap:wrap"> |
|
|
<input id="v-name" placeholder="店名（例：渋谷本店）" /> |
|
|
<input id="v-slug" placeholder="slug（例：shibuya）" /> |
|
|
<button id="v-add" class="btn">店舗追加</button> |
|
|
</div> |
|
|
<p class="muted">※ slug はURLに使われる英数字・ハイフン推奨</p> |
|
|
</section> |
|
|
|
|
|
<section class="card"> |
|
|
<h2>チェックイン用QRを発行</h2> |
|
|
<div style="display:flex;gap:8px;flex-wrap:wrap"> |
|
|
<input id="session-slug" placeholder="店舗slug（例：demo）" /> |
|
|
<button id="session-make" class="btn">発行</button> |
|
|
</div> |
|
|
<div id="qr-area" style="margin-top:12px"></div> |
|
|
</section> |
|
|
|
|
|
<section class="card"> |
|
|
<h2>CRM</h2> |
|
|
<div style="display:flex;gap:8px;flex-wrap:wrap"> |
|
|
<a class="btn" href="/api/crm/export.csv">CSVエクスポート</a> |
|
|
<button id="crm-see" class="btn">セグメント確認</button> |
|
|
</div> |
|
|
<pre id="crm-json" style="white-space:pre-wrap"></pre> |
|
|
</section> |
|
|
|
|
|
<p><a href="/static/index.html" target="_blank">チェックイン画面（利用者側）を開く</a></p> |
|
|
</main> |
|
|
|
|
|
<script src="/static/admin.js"></script> |
|
|
</body> |
|
|
</html> |
|
|
|
