74 lines
2.6 KiB
HTML
74 lines
2.6 KiB
HTML
<!doctype html>
|
|
<html lang="ja">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>chktime — Claude Code タスク時刻ビューア</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>chktime</h1>
|
|
<span class="sub" id="root"></span>
|
|
<span class="spacer"></span>
|
|
<label class="chk"><input type="checkbox" id="relative"> 経過時間で表示</label>
|
|
<label class="chk"><input type="checkbox" id="follow"> 自動追従</label>
|
|
<span id="follow-state" class="fstate"></span>
|
|
<button id="redmine" title="Redmine にチケットを起票する">Redmine へ起票</button>
|
|
<button id="reload" title="キャッシュを破棄して再読込">再読込</button>
|
|
</header>
|
|
|
|
<div id="rm-back" class="modal-back hidden">
|
|
<div class="modal">
|
|
<div class="modal-head">
|
|
<span>Redmine へ起票</span>
|
|
<span class="spacer"></span>
|
|
<span id="rm-conn" class="fstate"></span>
|
|
<button id="rm-close" title="閉じる">✕</button>
|
|
</div>
|
|
<div class="modal-body" id="rm-body"></div>
|
|
<div class="modal-foot">
|
|
<span id="rm-msg" class="note"></span>
|
|
<span class="spacer"></span>
|
|
<button id="rm-run" class="go">起票する</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<main>
|
|
<nav id="projects" class="pane">
|
|
<div class="pane-head">プロジェクト</div>
|
|
<ul id="project-list"></ul>
|
|
</nav>
|
|
|
|
<section id="sessions" class="pane">
|
|
<div class="pane-head">
|
|
<span id="sessions-title">タスク（セッション）</span>
|
|
<input id="filter" type="search" placeholder="タイトル/プロンプトで絞り込み">
|
|
<a id="csv-sessions" class="btn" href="#" download>CSV</a>
|
|
</div>
|
|
<div class="scroll"><table id="session-table"><tbody></tbody></table></div>
|
|
</section>
|
|
|
|
<section id="detail" class="pane">
|
|
<div class="pane-head">
|
|
<span id="detail-title">やりとりの時刻</span>
|
|
<span class="tabs">
|
|
<button class="tab sel" id="tab-turns">やりとり</button>
|
|
<button class="tab" id="tab-daily">日別集計</button>
|
|
<button class="tab" id="tab-gantt">ガント</button>
|
|
<button class="tab" id="tab-n8n" title="Claude の作業区間を n8n の work_log に送る">n8n へ送る</button>
|
|
</span>
|
|
<a id="csv-turns" class="btn" href="#" download>CSV</a>
|
|
</div>
|
|
<div class="scroll" id="detail-body">
|
|
<p class="empty">左のタスクを選んでください。</p>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<script src="app.js"></script>
|
|
<script src="n8n.js"></script>
|
|
</body>
|
|
</html>
|