185 lines
10 KiB
HTML
185 lines
10 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8" />
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||
<title>docusign — Template Migration Console</title>
|
||
<link rel="stylesheet" href="/static/css/tokens.css?v={{ASSET_VERSION}}" />
|
||
<link rel="stylesheet" href="/static/css/base.css?v={{ASSET_VERSION}}" />
|
||
<link rel="stylesheet" href="/static/css/nav.css?v={{ASSET_VERSION}}" />
|
||
<link rel="stylesheet" href="/static/css/cards.css?v={{ASSET_VERSION}}" />
|
||
<link rel="stylesheet" href="/static/css/modals.css?v={{ASSET_VERSION}}" />
|
||
<link rel="stylesheet" href="/static/css/tables.css?v={{ASSET_VERSION}}" />
|
||
<link rel="stylesheet" href="/static/css/forms.css?v={{ASSET_VERSION}}" />
|
||
</head>
|
||
<body>
|
||
|
||
<!-- ═══════════════════════════════════════════════════════════════
|
||
LEFT NAVIGATION
|
||
═══════════════════════════════════════════════════════════════ -->
|
||
<nav id="app-nav">
|
||
|
||
<!-- Logo + project switcher -->
|
||
<div id="nav-logo">
|
||
<svg viewBox="0 0 1200 241.4" xmlns="http://www.w3.org/2000/svg"
|
||
style="width:148px;height:auto;display:block;">
|
||
<style>.st0{fill:#4C00FF;}.st1{fill:#FF5252;}</style>
|
||
<g fill="#FFFFFF">
|
||
<g>
|
||
<path d="M1169.2,109.7v78.7h-28.9v-73.5c0-17.9-7.7-27.9-22.7-27.9s-24.9,10.5-27.7,28.1c-0.8,4.2-1,10.7-1,24.4v48.8H1060v-125h25.6c0.1,1.1,0.7,12.3,0.7,13c0,0.9,1.1,1.4,1.8,0.8c10.6-8.4,22.3-16.2,38.6-16.2C1153.5,60.9,1169.2,79,1169.2,109.7z"/>
|
||
<path d="M1013.4,63.4l-0.9,14.3c-0.1,0.9-1.2,1.4-1.8,0.8c-3.5-3.3-16.4-17.5-38.3-17.5c-31.4,0-54.5,27.1-54.5,63.9l0,0c0,37.3,22.9,64.5,54.5,64.5c21.1,0,34-13.7,36.4-16.7c0.7-0.8,2-0.3,2,0.7c-0.3,3.8-0.8,13.3-4,21.4c-4,10.2-13,19.7-31.1,19.7c-14.9,0-28.1-5.7-40.6-17.9L920,217.3c13.7,15.5,35.3,24.2,58.8,24.2c37.8,0,60.5-25.9,60.5-68.2V63.4H1013.4z M978.6,163.2c-18.7,0-31.9-16.2-31.9-38.3S959.9,87,978.6,87c18.7,0,31.9,15.7,31.9,37.9C1010.4,147.1,997.2,163.2,978.6,163.2z"/>
|
||
<path d="M857.5,151.3c0,23.7-19.9,39.6-49.1,39.6c-22.9,0-43.3-8.9-55.5-21.6l0,0l0,0l9.5-22.6c9.2,8.3,24,20.2,45.1,20.2c14.7,0,23.2-6.5,23.2-14.7c0-9.5-11.7-12-25.7-14.7c-19.9-4.2-46.3-11-46.3-38.1c0-22.7,18.4-38.3,45.6-38.3c20.9,0,38.9,8,51.3,18.4l-14.2,19.9c-12-9.5-24.6-14.2-37.1-14.2s-18.7,5.2-18.7,12.7c0,10.5,13.5,13.2,23.4,15.2C833.9,117.9,857.5,125.4,857.5,151.3z"/>
|
||
<path d="M434.9,60.9c-35.3,0-60.7,27.4-60.7,65s25.4,65,60.7,65s60.8-27.4,60.8-65S470.3,60.9,434.9,60.9z M434.9,164.7c-18.7,0-31.9-15.9-31.9-38.9c0-22.9,12.9-38.9,31.9-38.9c18.9,0,31.9,15.9,31.9,38.9S453.6,164.7,434.9,164.7z"/>
|
||
<path d="M505.9,125.9c0-37.1,25.4-65,59.3-65c26.9,0,46.6,13.5,55.8,38.9l-25.6,9.7c-7-15.7-16.2-22.4-30.1-22.4c-17.4,0-30.4,16.4-30.4,38.9c0,22.4,12.9,38.9,30.4,38.9c14,0,23.1-6.7,30.1-22.4l25.6,9.7c-9.2,25.4-28.9,38.9-55.8,38.9C531.3,190.9,505.9,163,505.9,125.9z"/>
|
||
<path d="M351.4,5.3c-0.5,0-1.1,0.1-1.6,0.4l-18.8,10c-0.4,0.2-0.6,0.6-0.6,1v59.5c0,1-1.2,1.4-1.9,0.8c-2.8-2.4-9.3-8.5-18.3-12.7c-4.7-2.2-11.6-3.4-17.9-3.4c-31.6,0-54.5,27.4-54.5,65s22.9,65,54.5,65c16.6,0,29.1-8.7,36.7-16.5c0.5-0.5,0.8-0.8,1.3-1.3c0.7-0.7,1.9-0.3,1.9,0.7l1,14.6h26.1V6.1c0-0.4-0.3-0.8-0.8-0.8C358.5,5.3,351.4,5.3,351.4,5.3z M298.5,164.7c-18.9,0-31.9-15.9-31.9-38.9S279.9,87,298.5,87c18.7,0,31.9,15.9,31.9,38.9C330.4,148.8,317.5,164.7,298.5,164.7z"/>
|
||
<path d="M891.5,63.8l-18.1,9.6c-0.4,0.2-0.6,0.6-0.6,1v114h28.9V64.1c0-0.4-0.3-0.8-0.8-0.8h-7.8C892.5,63.4,892,63.5,891.5,63.8z"/>
|
||
<path d="M887.2,43.1c9.6,0,17.4-7.8,17.4-17.4s-7.8-17.4-17.4-17.4c-9.6,0-17.4,7.8-17.4,17.4S877.6,43.1,887.2,43.1z"/>
|
||
<path d="M742.5,63.3v67.9c0,51.5-28.8,59.6-54.5,59.6s-54.5-8.2-54.5-59.6V63.3h28.8v75.1c0,7.3,1.8,26.3,25.7,26.3s25.7-18.9,25.7-26.3V63.3H742.5z"/>
|
||
</g>
|
||
<g fill="#FFFFFF">
|
||
<path d="M1185.7,175.6v1.8h-4.1v10.9h-2v-10.9h-4.1v-1.8H1185.7z M1200,188.3h-2v-10l-3.9,7.5h-1.1l-3.9-7.4v9.9h-2v-12.7h2.6l3.8,7.3l3.8-7.3h2.6L1200,188.3z"/>
|
||
</g>
|
||
</g>
|
||
<path class="st0" d="M139.5,139.5V189c0,2.6-2.1,4.7-4.7,4.7H4.7c-2.6,0-4.7-2.1-4.7-4.7V59c0-2.6,2.1-4.7,4.7-4.7h49.4v80.5c0,2.6,2.1,4.7,4.7,4.7H139.5z"/>
|
||
<path class="st1" d="M193.7,69.7c0,41.6-24.3,69.7-54.2,69.8V87.1c0-1.5-0.6-3-1.7-4l-27.2-27.2c-1.1-1.1-2.5-1.7-4-1.7H54.2V4.8c0-2.6,2.1-4.7,4.7-4.7h73.3C167,0,193.7,28,193.7,69.7z"/>
|
||
<path fill="#FFFFFF" d="M137.8,83c1.1,1.1,1.7,2.5,1.7,4v52.4H58.9c-2.6,0-4.7-2.1-4.7-4.7V54.2h52.4c1.5,0,3,0.6,4,1.7L137.8,83z"/>
|
||
</svg>
|
||
<div class="nav-logo-sub">Template Migration Console</div>
|
||
|
||
<!-- Project switcher button -->
|
||
<button id="nav-project-switcher" aria-label="Switch project">
|
||
<div class="project-icon" id="nav-project-icon">?</div>
|
||
<div class="project-name no-project" id="nav-project-name">New Project</div>
|
||
<div class="project-arrow">⇅</div>
|
||
</button>
|
||
</div>
|
||
|
||
<!-- Nav links -->
|
||
<ul id="nav-links">
|
||
<li class="nav-section-label">Migration</li>
|
||
<li>
|
||
<a class="nav-item" data-route="#/templates" href="#/templates">
|
||
<span class="nav-icon">☰</span>
|
||
<span class="nav-label">Templates</span>
|
||
<span class="nav-badge amber" id="nav-badge-caveats" data-count="0">0</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="nav-item" data-route="#/results" href="#/results">
|
||
<span class="nav-icon">⬡</span>
|
||
<span class="nav-label">Migration Results</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="nav-item" data-route="#/issues" href="#/issues">
|
||
<span class="nav-icon">⚠</span>
|
||
<span class="nav-label">Issues & Warnings</span>
|
||
<span class="nav-badge" id="nav-badge-issues" data-count="0">0</span>
|
||
</a>
|
||
</li>
|
||
|
||
<li class="nav-section-label">Post-Migration</li>
|
||
<li>
|
||
<a class="nav-item" data-route="#/verify" href="#/verify">
|
||
<span class="nav-icon">✓</span>
|
||
<span class="nav-label">Verification</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="nav-item" data-route="#/history" href="#/history">
|
||
<span class="nav-icon">◷</span>
|
||
<span class="nav-label">History & Audit</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="nav-item" data-route="#/activity" href="#/activity">
|
||
<span class="nav-icon">🧾</span>
|
||
<span class="nav-label">Activity</span>
|
||
</a>
|
||
</li>
|
||
|
||
<li class="nav-section-label">Admin</li>
|
||
<li>
|
||
<a class="nav-item" data-route="#/settings" href="#/settings">
|
||
<span class="nav-icon">⚙</span>
|
||
<span class="nav-label">Settings</span>
|
||
</a>
|
||
</li>
|
||
<li id="nav-admin-status-item" hidden>
|
||
<a class="nav-item" data-route="#/admin" href="#/admin">
|
||
<span class="nav-icon">🛠</span>
|
||
<span class="nav-label">Admin Status</span>
|
||
</a>
|
||
</li>
|
||
<li>
|
||
<a class="nav-item" data-route="#/help" href="#/help">
|
||
<span class="nav-icon">❔</span>
|
||
<span class="nav-label">Help</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
|
||
<!-- Bottom: customer context -->
|
||
<div id="nav-bottom">
|
||
<div class="nav-customer">
|
||
<div class="nav-customer-label">Current Project</div>
|
||
<div class="nav-customer-name" id="nav-customer-name">—</div>
|
||
<div class="nav-customer-sub" id="nav-customer-sub"></div>
|
||
</div>
|
||
</div>
|
||
|
||
</nav>
|
||
|
||
<!-- ═══════════════════════════════════════════════════════════════
|
||
MAIN CONTENT AREA
|
||
═══════════════════════════════════════════════════════════════ -->
|
||
<div id="app-body">
|
||
|
||
<!-- Top bar -->
|
||
<header id="top-bar">
|
||
<nav class="breadcrumb" aria-label="breadcrumb">
|
||
<span>Migration Console</span>
|
||
<span class="sep">›</span>
|
||
<span class="current" id="breadcrumb-current">Templates</span>
|
||
</nav>
|
||
<div id="topbar-right">
|
||
<!-- Auth connection chips -->
|
||
<button id="chip-adobe" class="conn-pill disconnected" aria-label="Adobe Sign connection">
|
||
<span class="conn-dot"></span>Adobe Sign
|
||
</button>
|
||
<button id="chip-docusign" class="conn-pill disconnected" aria-label="Docusign connection">
|
||
<span class="conn-dot"></span>Docusign
|
||
</button>
|
||
<!-- User avatar -->
|
||
<div class="avatar" id="topbar-avatar" title="User" aria-label="User">?</div>
|
||
</div>
|
||
</header>
|
||
|
||
<!-- Router outlet — views injected here -->
|
||
<main id="router-outlet">
|
||
<div class="empty-state">
|
||
<div class="empty-state-icon">⏳</div>
|
||
<div class="empty-state-title">Loading…</div>
|
||
</div>
|
||
</main>
|
||
|
||
</div>
|
||
|
||
<!-- ═══════════════════════════════════════════════════════════════
|
||
MODAL OVERLAY (shared, managed by modals.js)
|
||
═══════════════════════════════════════════════════════════════ -->
|
||
<div id="modal-root"></div>
|
||
|
||
<!-- ═══════════════════════════════════════════════════════════════
|
||
TOAST CONTAINER (managed by auth.js)
|
||
═══════════════════════════════════════════════════════════════ -->
|
||
<div id="toast-container"></div>
|
||
|
||
<!-- ═══════════════════════════════════════════════════════════════
|
||
APP ENTRY POINT
|
||
═══════════════════════════════════════════════════════════════ -->
|
||
<script type="module" src="/static/js/app.js?v={{ASSET_VERSION}}"></script>
|
||
|
||
</body>
|
||
</html>
|