59 lines
2.0 KiB
HTML
59 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Yupoo Downloader</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<h1>Yupoo Downloader</h1>
|
|
|
|
<div class="controls">
|
|
<button id="scanBtn" class="btn btn-primary">🔍 Scan Products</button>
|
|
<button id="downloadBtn" class="btn btn-success" disabled>⬇️ Download All</button>
|
|
</div>
|
|
|
|
<div class="settings">
|
|
<label for="concurrency">Max Concurrent Downloads:</label>
|
|
<input type="number" id="concurrency" min="1" max="10" value="2">
|
|
<button id="debugBtn" class="btn btn-small" style="margin-left: auto;">🔧 Debug</button>
|
|
</div>
|
|
|
|
<div class="progress-section">
|
|
<div class="stat-row">
|
|
<span class="label">Products Found:</span>
|
|
<span class="value" id="totalProducts">0</span>
|
|
</div>
|
|
<div class="stat-row">
|
|
<span class="label">Processing:</span>
|
|
<span class="value" id="currentProduct">—</span>
|
|
</div>
|
|
<div class="stat-row">
|
|
<span class="label">Images Downloaded:</span>
|
|
<span class="value" id="imagesDownloaded">0</span>
|
|
</div>
|
|
<div class="stat-row">
|
|
<span class="label">Errors:</span>
|
|
<span class="value" id="errorCount">0</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="progress-bar-container">
|
|
<div class="progress-bar" id="progressBar"></div>
|
|
</div>
|
|
|
|
<div class="log-section">
|
|
<h3>Activity Log</h3>
|
|
<div class="log-box" id="logBox"></div>
|
|
<button id="clearLogBtn" class="btn btn-small">Clear Log</button>
|
|
</div>
|
|
|
|
<div class="status" id="statusMsg"></div>
|
|
</div>
|
|
|
|
<script src="popup.js"></script>
|
|
</body>
|
|
</html>
|