MetaGuardSOT/templates/index.html

86 lines
3.1 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>MetaGuardSOT</title>
<link rel="stylesheet" href="/static/style.css">
</head>
<body>
<header>
<h1>MetaGuardSOT</h1>
<p class="subtitle">Metadata Risk Scanner</p>
</header>
<main>
<section class="controls">
<div class="upload-area" id="dropZone">
<input type="file" id="fileInput" multiple hidden>
<button class="btn btn-primary" onclick="document.getElementById('fileInput').click()">
Select Files
</button>
<span class="upload-info" id="uploadInfo">No files selected</span>
</div>
<div class="scan-controls">
<label class="checkbox-label">
<input type="checkbox" id="recursive" checked>
Recursive
</label>
<div class="context-selector">
<label for="context">Context:</label>
<select id="context">
<option value="OSINT">OSINT</option>
<option value="INTERNAL">INTERNAL</option>
</select>
</div>
<button class="btn btn-scan" id="btnScan" onclick="startScan()">Scan</button>
</div>
</section>
<div class="results-container">
<section class="table-section">
<div class="table-wrapper">
<table id="resultsTable">
<thead>
<tr>
<th>Level</th>
<th>Score</th>
<th>Type</th>
<th>Path</th>
<th>Author/User</th>
</tr>
</thead>
<tbody id="resultsBody">
</tbody>
</table>
</div>
<p class="empty-state" id="emptyState">Upload files and click Scan to begin</p>
</section>
<section class="details-section">
<h3>Details</h3>
<div class="details-content" id="detailsContent">
<p class="empty-state">Select a row to view details</p>
</div>
<div class="export-buttons">
<button class="btn btn-export" onclick="exportReport('json')">Export JSON</button>
<button class="btn btn-export" onclick="exportReport('csv')">Export CSV</button>
<button class="btn btn-export" onclick="exportReport('html')">Export HTML</button>
<button class="btn btn-sanitize" id="btnSanitize" onclick="sanitizeFile()" disabled>Sanitize Copy</button>
</div>
</section>
</div>
</main>
<div class="status-bar" id="statusBar">
<span id="statusText">Ready</span>
</div>
<script src="/static/script.js"></script>
</body>
</html>