80 lines
2.0 KiB
HTML
80 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Adobe Sign → DocuSign Migrator</title>
|
|
<link rel="stylesheet" href="/static/style.css" />
|
|
</head>
|
|
<body>
|
|
|
|
<header>
|
|
<h1>Adobe Sign → DocuSign Migrator</h1>
|
|
<div id="auth-bar">
|
|
<span id="badge-adobe" class="auth-badge">Connect Adobe Sign</span>
|
|
<span id="badge-docusign" class="auth-badge">Connect DocuSign</span>
|
|
</div>
|
|
</header>
|
|
|
|
<main>
|
|
|
|
<!-- Action bar -->
|
|
<div class="action-bar">
|
|
<button id="btn-migrate" disabled>Migrate Selected</button>
|
|
<button id="btn-refresh">↻ Refresh</button>
|
|
<span id="status-msg">Loading…</span>
|
|
</div>
|
|
|
|
<!-- Side-by-side panels -->
|
|
<div class="panel-row">
|
|
|
|
<div class="panel">
|
|
<div class="panel-header">
|
|
<span>Adobe Sign Templates</span>
|
|
<span style="font-weight:400;font-size:12px;color:#888">Select to migrate →</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<ul class="template-list" id="adobe-list">
|
|
<li class="empty-msg">Loading…</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="panel">
|
|
<div class="panel-header">
|
|
<span>DocuSign Templates</span>
|
|
</div>
|
|
<div class="panel-body">
|
|
<ul class="template-list" id="ds-list">
|
|
<li class="empty-msg">Loading…</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<!-- Migration history -->
|
|
<div class="history-section">
|
|
<div class="panel-header">Migration History</div>
|
|
<table class="history-table">
|
|
<thead>
|
|
<tr>
|
|
<th>Time</th>
|
|
<th>Adobe Template</th>
|
|
<th>DocuSign Template ID</th>
|
|
<th>Action</th>
|
|
<th>Status</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody id="history-tbody">
|
|
<tr><td colspan="5" class="empty-msg">No migrations yet.</td></tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
|
|
</main>
|
|
|
|
<script src="/static/app.js"></script>
|
|
</body>
|
|
</html>
|