|
<!DOCTYPE html> |
|
<html lang="en"> |
|
<head> |
|
<meta charset="UTF-8"> |
|
<meta name="viewport" content="width=device-width, initial-scale=1.0"> |
|
<title>3GPP Document Finder</title> |
|
<link rel="stylesheet" href="/static/style.css"> |
|
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700&display=swap"> |
|
</head> |
|
<body> |
|
<header> |
|
<div class="container header-content"> |
|
<div class="logo"> |
|
<img src="https://www.3gpp.org/images/3gpp_logo.svg" alt="3GPP Logo"> |
|
<h1>3GPP Document Finder</h1> |
|
</div> |
|
</div> |
|
</header> |
|
|
|
<div class="container"> |
|
<div class="search-container"> |
|
<div class="search-header"> |
|
<h2>Find 3GPP Documents</h2> |
|
<p>Enter a TSG document ID (e.g., S1-123456, C2-987654) to locate the document in the 3GPP FTP server.</p> |
|
</div> |
|
|
|
<div class="search-mode"> |
|
<button id="single-mode-btn" class="active">Single Document</button> |
|
<button id="batch-mode-btn">Batch Search</button> |
|
</div> |
|
|
|
<div class="search-form"> |
|
<div class="input-group single-input"> |
|
<label for="doc-id">Document ID</label> |
|
<div class="input-field"> |
|
<input type="text" id="doc-id" placeholder="Enter document ID (e.g., S1-123456)"> |
|
<button id="search-btn" class="btn">Search</button> |
|
</div> |
|
</div> |
|
|
|
<div class="input-group batch-input"> |
|
<label for="batch-ids">Document IDs (one per line)</label> |
|
<textarea id="batch-ids" placeholder="Enter document IDs, one per line (e.g., S1-123456, C2-987654)"></textarea> |
|
<div class="hint">Enter one document ID per line</div> |
|
<button id="batch-search-btn" class="btn" style="margin-top: 10px;">Search All</button> |
|
</div> |
|
</div> |
|
|
|
<div class="error-message" id="error-message"></div> |
|
|
|
<div class="loader" id="loader"> |
|
<div class="spinner"></div> |
|
<p>Searching for documents...</p> |
|
</div> |
|
</div> |
|
|
|
<div class="results-container" id="results-container"> |
|
<div class="results-header"> |
|
<h2>Search Results</h2> |
|
<div class="results-stats" id="results-stats"></div> |
|
</div> |
|
<div class="results-list" id="results-list"></div> |
|
</div> |
|
|
|
<div class="indexed-docs" id="indexed-docs"> |
|
<div class="indexed-header"> |
|
<h2>Indexed Documents</h2> |
|
<div class="indexed-count" id="indexed-count">0 documents</div> |
|
</div> |
|
<div class="indexed-list" id="indexed-list"></div> |
|
</div> |
|
</div> |
|
|
|
<footer> |
|
<p>© 2025 3GPP Document Finder | Powered by FastAPI</p> |
|
</footer> |
|
|
|
<script src="/static/script.js"></script> |
|
</body> |
|
</html> |
