hiep200311
adc1934e9c
- Disable Flask default /static/ folder (static_folder=None in app.py) - Add headerRoute blueprint to serve views/header/ at /assets/header/ - Configure transcription and scraper blueprints with static_folder pointing to their respective views/ subfolders - Inline header HTML directly in headerLoader.js (remove fetch call) - Update all HTML templates to use new /assets/... URLs
80 lines
2.6 KiB
HTML
80 lines
2.6 KiB
HTML
<!-- views/scraperZLibraryPages/scraperZLibraryMain.html -->
|
|
<!doctype html>
|
|
<html lang="vi">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Tìm Kiếm Sách Z-Library</title>
|
|
<link rel="stylesheet" href="https://db.onlinewebfonts.com/c/5ac3fe7c6abd2f62067f266d89671492?family=HelveticaNowDisplay-Medium" />
|
|
<link rel="stylesheet" href="https://db.onlinewebfonts.com/c/1aa3377e489837a26d019bba501e779d?family=HelveticaNowDisplayW01-Rg" />
|
|
<link rel="stylesheet" href="/scraperZLibrary/assets/scraper/scraperZLibraryMain.css" />
|
|
</head>
|
|
<body>
|
|
<div class="container">
|
|
<div class="header">
|
|
<h1>Z-Library</h1>
|
|
<p>Tìm kiếm và tải sách từ thư viện Z-Library</p>
|
|
</div>
|
|
|
|
<div class="search-section">
|
|
<div class="search-form">
|
|
<div class="form-group" style="flex: 3">
|
|
<label for="query">Từ khóa tìm kiếm</label>
|
|
<input
|
|
type="text"
|
|
id="query"
|
|
placeholder="vd: lập trình python, trí tuệ nhân tạo..."
|
|
/>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<button
|
|
class="btn btn-primary"
|
|
id="searchBtn"
|
|
onclick="searchBooks(true)"
|
|
>
|
|
Tìm kiếm
|
|
</button>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="checkbox-group">
|
|
<label>
|
|
<input type="checkbox" id="headless" checked disabled />
|
|
Chạy ẩn (chế độ headless)
|
|
</label>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="results-section">
|
|
<div id="loadingIndicator" class="loading" style="display: none">
|
|
<div class="spinner"></div>
|
|
<p id="loadingMessage">Đang tìm kiếm sách...</p>
|
|
<div class="progress-container">
|
|
<div class="progress-text" id="progressText">Đang khởi tạo...</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div
|
|
id="errorMessage"
|
|
class="error-message"
|
|
style="display: none"
|
|
></div>
|
|
|
|
<div id="resultsContent">
|
|
<div class="empty-state">
|
|
<div style="font-size: 3em; margin-bottom: 20px; font-weight: 300">
|
|
📚
|
|
</div>
|
|
<h3>Bắt đầu tìm kiếm</h3>
|
|
<p>Nhập từ khóa để tìm sách từ Z-Library</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<script src="/scraperZLibrary/assets/scraper/scraperZLibraryMain.js"></script>
|
|
<script src="/assets/header/headerLoader.js?v=1.1"></script>
|
|
</body>
|
|
</html>
|