feat(reader): autonomous Wikipedia import and reading with media, tables and settings
This commit is contained in:
Antigravity committed
1 parent
52db766b23
commit
dee9b8d10b
9 files changed
+1659
-24
No files matched your search
+137
-1
@@ -546,7 +546,52 @@
|
||||
</div>
|
||||
<div id="bookshelf-grid" class="bookshelf-grid"></div>
|
||||
|
||||
<!-- Divider between General Books & RFC Specifications -->
|
||||
<!-- Divider between General Books & Wikipedia Section -->
|
||||
<hr class="bookshelf-divider">
|
||||
|
||||
<!-- Wikipedia Articles Section -->
|
||||
<div id="wiki-section" class="wiki-section">
|
||||
<div class="wiki-header">
|
||||
<div class="wiki-title-wrap">
|
||||
<div class="wiki-title-row">
|
||||
<span class="wiki-icon-badge">🌐</span>
|
||||
<div>
|
||||
<h3 class="wiki-heading">Статьи Википедии (Wikipedia Reader)</h3>
|
||||
<p class="subtitle">Автономное чтение статей Simple и Standard Wikipedia с иллюстрациями, таблицами и клик-переводом</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Wikipedia Action Bar & Current Settings Badges -->
|
||||
<div class="wiki-action-box">
|
||||
<div class="wiki-primary-actions">
|
||||
<button type="button" id="wiki-read-btn" class="btn btn-primary wiki-read-btn">
|
||||
<span>📖 Читать статью</span>
|
||||
</button>
|
||||
<button type="button" id="wiki-settings-btn" class="btn btn-outline wiki-settings-btn" title="Настроить сложность, объем и тематику статьи">
|
||||
<span>⚙️ Настройки</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="wiki-badges-row">
|
||||
<span class="wiki-badges-label">Текущие фильтры:</span>
|
||||
<span id="wiki-active-lang-badge" class="badge-chip wiki-badge-chip">Simple English (A2–B1)</span>
|
||||
<span id="wiki-active-time-badge" class="badge-chip wiki-badge-chip">⏱️ ~10-15 мин</span>
|
||||
<span id="wiki-active-topic-badge" class="badge-chip wiki-badge-chip">🎲 Любая тема</span>
|
||||
</div>
|
||||
<div id="wiki-fetch-status" class="wiki-fetch-status hidden"></div>
|
||||
</div>
|
||||
|
||||
<!-- Wikipedia Articles Grid / Empty State -->
|
||||
<div id="wiki-empty-state" class="empty-state wiki-empty-state hidden">
|
||||
<div class="empty-icon">🌐</div>
|
||||
<h4>Нет сохраненных статей из Википедии</h4>
|
||||
<p>Нажмите «Читать статью» выше, чтобы подобрать случайную познавательную статью по вашим настройкам, или настройте тему и объем через шестерёнку ⚙️.</p>
|
||||
</div>
|
||||
<div id="wiki-grid" class="bookshelf-grid wiki-grid"></div>
|
||||
</div>
|
||||
|
||||
<!-- Divider between Wikipedia & RFC Specifications -->
|
||||
<hr class="bookshelf-divider">
|
||||
|
||||
<!-- RFC Specifications Section -->
|
||||
@@ -1253,6 +1298,97 @@
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Wikipedia Settings Modal -->
|
||||
<div id="wiki-settings-modal" class="modal-backdrop hidden">
|
||||
<div class="modal-window wiki-modal-window">
|
||||
<div class="modal-header">
|
||||
<h3>⚙️ Настройки статей Википедии</h3>
|
||||
<button id="wiki-settings-close-btn" class="icon-btn" title="Закрыть">✕</button>
|
||||
</div>
|
||||
<div class="modal-body wiki-modal-body">
|
||||
<!-- Setting 1: Language / Complexity -->
|
||||
<div class="wiki-setting-group">
|
||||
<label class="wiki-group-label">Сложность языка (Wikipedia Edition):</label>
|
||||
<div class="wiki-radio-cards">
|
||||
<label class="wiki-radio-card">
|
||||
<input type="radio" name="wiki-lang" value="simple" checked>
|
||||
<div class="wiki-radio-card-content">
|
||||
<div class="wiki-card-title-row">
|
||||
<strong>Simple English</strong>
|
||||
<span class="badge-level-pill badge-level-a2">A2–B1</span>
|
||||
</div>
|
||||
<p class="wiki-card-desc">Простая грамматика и базовая лексика (simple.wikipedia.org). Рекомендуется для уверенного чтения без перегрузки редкими терминами.</p>
|
||||
</div>
|
||||
</label>
|
||||
<label class="wiki-radio-card">
|
||||
<input type="radio" name="wiki-lang" value="en">
|
||||
<div class="wiki-radio-card-content">
|
||||
<div class="wiki-card-title-row">
|
||||
<strong>Standard English</strong>
|
||||
<span class="badge-level-pill badge-level-b2">B2–C1</span>
|
||||
</div>
|
||||
<p class="wiki-card-desc">Полный оригинальный текст (en.wikipedia.org). Академическая лексика, развернутые описания и глубокая научная терминология.</p>
|
||||
</div>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Setting 2: Reading Volume / Duration -->
|
||||
<div class="wiki-setting-group">
|
||||
<label class="wiki-group-label">Объем статьи / Время чтения:</label>
|
||||
<div class="wiki-time-grid">
|
||||
<label class="wiki-time-pill">
|
||||
<input type="radio" name="wiki-time" value="5">
|
||||
<span class="wiki-pill-text">⚡ ~5 мин <small class="text-dim">(800–1200 слов)</small></span>
|
||||
</label>
|
||||
<label class="wiki-time-pill">
|
||||
<input type="radio" name="wiki-time" value="10-15" checked>
|
||||
<span class="wiki-pill-text">⏱️ ~10–15 мин <small class="text-dim">(1500–2500 слов)</small></span>
|
||||
</label>
|
||||
<label class="wiki-time-pill">
|
||||
<input type="radio" name="wiki-time" value="20+">
|
||||
<span class="wiki-pill-text">📚 20+ мин <small class="text-dim">(лонгрид от 3000 слов)</small></span>
|
||||
</label>
|
||||
<label class="wiki-time-pill">
|
||||
<input type="radio" name="wiki-time" value="any">
|
||||
<span class="wiki-pill-text">🎲 Любой объем</span>
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Setting 3: Topic Presets -->
|
||||
<div class="wiki-setting-group">
|
||||
<label class="wiki-group-label">Тематика статьи:</label>
|
||||
<select id="wiki-topic-select" class="input-styled wiki-select">
|
||||
<option value="random">🎲 Любая / Случайная тема</option>
|
||||
<option value="science">🚀 Наука, космос и астрономия</option>
|
||||
<option value="tech">💻 Технологии, IT и интернет</option>
|
||||
<option value="history">🏛️ История и великие цивилизации</option>
|
||||
<option value="nature">🌿 Природа, животные и экология</option>
|
||||
<option value="psychology">🧠 Психология, мозг и память</option>
|
||||
<option value="featured">⭐ Статья дня (Featured Article)</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<!-- Setting 4: Direct Article URL or Title -->
|
||||
<div class="wiki-setting-group wiki-direct-import-group">
|
||||
<label class="wiki-group-label">Или загрузить конкретную статью по ссылке/названию:</label>
|
||||
<form id="wiki-custom-form" class="wiki-custom-form">
|
||||
<div class="wiki-custom-input-wrap">
|
||||
<input type="text" id="wiki-custom-input" class="input-styled wiki-custom-input" placeholder="Название (напр. Black hole, Solar System) или URL статьи" autocomplete="off" spellcheck="false">
|
||||
<button type="submit" id="wiki-custom-fetch-btn" class="btn btn-primary wiki-custom-fetch-btn">
|
||||
<span>📥 Загрузить</span>
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" id="wiki-settings-save-btn" class="btn btn-primary">Применить настройки</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Move Collection Modal -->
|
||||
<div id="move-col-modal" class="modal-backdrop hidden">
|
||||
<div class="modal-window modal-sm">
|
||||
|
||||
Reference in new issue
Block a user