Spaces:
Runtime error
Runtime error
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>PII Redactor</title> | |
| <link rel="stylesheet" href="/static/style.css"> | |
| <script src="https://cdnjs.cloudflare.com/ajax/libs/pdf.js/4.2.67/pdf.min.js"></script> | |
| </head> | |
| <body> | |
| <div class="container"> | |
| <header class="header"> | |
| <div class="logo-circle">🔒</div> | |
| <h1>PII Redactor</h1> | |
| <p class="subtitle">Securely analyze, preview, and redact sensitive information from your documents.</p> | |
| </header> | |
| <div id="upload-container"> | |
| <form id="uploadForm"> | |
| <div class="drag-area" id="dragArea"> | |
| <span id="dragText">Drag & drop PDF or DOCX file here</span> | |
| <p>or</p> | |
| <label for="fileInput" class="file-label">Select File</label> | |
| <input type="file" id="fileInput" accept=".pdf,.docx" hidden/> | |
| </div> | |
| <button type="submit" id="analyzeBtn" class="action-btn">Analyze Document</button> | |
| </form> | |
| </div> | |
| <div id="loader" class="hidden"> | |
| <div class="spinner"></div> | |
| <p>Processing your document...</p> | |
| </div> | |
| <div id="error" class="hidden"></div> | |
| <div id="results-container" class="hidden"> | |
| <div id="previewSection"> | |
| <div class="preview-tabs"> | |
| <button class="tab-btn active" id="tabOriginal">Original</button> | |
| <button class="tab-btn" id="tabRedacted">Redacted</button> | |
| </div> | |
| <div class="preview-content"> | |
| <div id="originalPreview" class="preview-pane"></div> | |
| <div id="redactedPreview" class="preview-pane hidden"></div> | |
| </div> | |
| </div> | |
| <div id="entitiesSection"> | |
| <h2>Detected PII Entities</h2> | |
| <div id="entitiesList"></div> | |
| <div class="action-buttons"> | |
| <button id="redactBtn" class="action-btn">Redact Selected</button> | |
| <a id="downloadLink" href="#" class="action-btn download-btn hidden" download>Download File</a> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| <script src="/static/app.js"></script> | |
| </body> | |
| </html> |