71 lines
3.8 KiB
HTML
71 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>My Documents — PDF Accessibility Checker</title>
|
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
|
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
|
|
<link rel="stylesheet" href="css/styles.css">
|
|
</head>
|
|
<body>
|
|
<a href="#main-content" class="skip-link">Skip to main content</a>
|
|
|
|
<div id="msalConfig" hidden
|
|
data-tenant-id="e519c2e6-bc6d-4fdf-8d9c-923c2f002385"
|
|
data-client-id="9079054c-9620-4757-a256-23413042f1ef"
|
|
data-redirect-uri="https://ai-sandbox.oliver.solutions/pdf-accessibility/history.html"></div>
|
|
|
|
<!-- Auth Overlay -->
|
|
<div class="auth-overlay" id="authOverlay" role="dialog" aria-label="Sign in required" aria-modal="true" aria-describedby="authCardDesc">
|
|
<div class="auth-card">
|
|
<h2>PDF Accessibility Checker</h2>
|
|
<p id="authCardDesc">Sign in with your organization account to continue.</p>
|
|
<button class="btn-microsoft" onclick="loginWithMicrosoft()" aria-label="Sign in with Microsoft">
|
|
<svg width="20" height="20" viewBox="0 0 21 21" aria-hidden="true"><rect x="1" y="1" width="9" height="9" fill="#f25022"/><rect x="11" y="1" width="9" height="9" fill="#7fba00"/><rect x="1" y="11" width="9" height="9" fill="#00a4ef"/><rect x="11" y="11" width="9" height="9" fill="#ffb900"/></svg>
|
|
Sign in with Microsoft
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<header>
|
|
<div class="container">
|
|
<div class="header-inner">
|
|
<div>
|
|
<h1>Enterprise PDF Accessibility Checker</h1>
|
|
<p class="subtitle">Comprehensive WCAG 2.1 compliance validation with AI-powered analysis</p>
|
|
</div>
|
|
<div class="header-actions">
|
|
<a href="index.html" class="btn btn-secondary" style="text-decoration:none;padding:8px 16px;font-size:13px;">⬆ New Check</a>
|
|
<span class="user-info" id="userInfo"></span>
|
|
<button id="logoutBtn" onclick="logout()" style="display:none;">Sign Out</button>
|
|
<button id="themeToggle" onclick="toggleDarkMode()" aria-label="Toggle dark mode">Dark</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<main id="main-content">
|
|
<div class="container" style="padding-top: 32px;">
|
|
<div class="card" id="historySection" style="display:none;">
|
|
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;">
|
|
<h2 style="margin:0;">My Documents</h2>
|
|
<button class="btn btn-secondary" onclick="loadHistory()" aria-label="Refresh" style="padding:8px 16px;font-size:13px;">↺ Refresh</button>
|
|
</div>
|
|
<p style="font-size:13px;color:var(--text-muted);margin-bottom:20px;padding:8px 12px;background:var(--surface-alt);border-radius:6px;">
|
|
Documents are retained for <strong>30 days</strong> after upload. Download reports before they expire.
|
|
</p>
|
|
<div id="historyTableWrap">
|
|
<p style="color:var(--text-muted);font-size:14px;" id="historyEmpty">No documents checked yet. <a href="index.html">Upload a PDF</a> to get started.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<script src="js/utils.js"></script>
|
|
<script src="js/api.js"></script>
|
|
<script src="js/history.js"></script>
|
|
<script src="js/app-history.js"></script>
|
|
</body>
|
|
</html>
|