feat: implement initial UI and core structure for cross-platform media downloader with localization support

This commit is contained in:
Ümit Tunç
2026-05-28 07:33:41 +03:00
parent 67d833d7d7
commit 25b6d693ae
8 changed files with 662 additions and 86 deletions
+17
View File
@@ -135,6 +135,23 @@
<!-- Scrollable Track List Area -->
<div class="track-list-scroll">
<!-- Playlist Bulk Actions and Select All Header -->
<div id="playlist-header" class="playlist-header" style="display: none;">
<div class="playlist-select-all">
<input type="checkbox" id="select-all-checkbox" checked style="cursor: pointer; accent-color: #7000ff; width: 16px; height: 16px;">
<label for="select-all-checkbox" id="select-all-label" data-i18n="playlist_select_all" style="cursor: pointer; color: #fff; font-size: 0.9em; font-weight: 500; user-select: none;">Tümünü Seç</label>
</div>
<div class="playlist-bulk-actions">
<button id="bulk-mp3-btn" class="bulk-action-btn">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width: 14px; height: 14px;"><path d="M9 18V5l12-2v13" /><circle cx="6" cy="18" r="3" /><circle cx="18" cy="16" r="3" /></svg>
<span data-i18n="bulk_mp3">Tümünü MP3 Yap</span>
</button>
<button id="bulk-mp4-btn" class="bulk-action-btn">
<svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" style="width: 14px; height: 14px;"><rect x="2" y="2" width="20" height="20" rx="2.18" ry="2.18" /><line x1="7" y1="2" x2="7" y2="22" /><line x1="17" y1="2" x2="17" y2="22" /><line x1="2" y1="12" x2="22" y2="12" /></svg>
<span data-i18n="bulk_mp4">Tümünü MP4 Yap</span>
</button>
</div>
</div>
<div id="track-list" class="track-list">
<!-- Dynamically populated by Javascript -->
</div>