ghassan/takeone-youtube-clone
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Language filter chips on the videos feed

Browse Source 
Adds one chip per language currently present in public content —
counting both primary language and any secondary audio track, sorted
by video count, capped at 12. Clicking a chip lists every video whose
primary is that language or that has a matching secondary track; cards
surfaced only via a secondary track link straight to /videos/{key}?track=<id>
so the pinned playback wiring loads the right audio, get a small flag
badge on the thumbnail, and their hover-preview streams the track file
instead of the primary.

Co-Authored-By: Claude Opus 4.7 (1M context) <[email protected]>
This commit is contained in:
ghassanandClaude Opus 4.7 committed 2026-07-31 03:27:42 +03:00
1 parent 8d27520bdb
commit fcb752dd76
4 files changed
+163 -10
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

resources/views/components/partials/card-styles.blade.php
+25
View File
@@ -157,6 +157,31 @@
font-size: 12px;
}
.yt-video-card .yt-track-lang-badge {
position: absolute;
top: 8px;
right: 8px;
background: rgba(0,0,0,0.75);
color: #fff;
padding: 3px 7px;
border-radius: 4px;
font-size: 11px;
font-weight: 600;
display: inline-flex;
align-items: center;
gap: 5px;
letter-spacing: 0.3px;
z-index: 3;
backdrop-filter: blur(4px);
}
.yt-video-card .yt-track-lang-badge .fi {
width: 16px;
height: 12px;
border-radius: 2px;
display: inline-block;
flex-shrink: 0;
}
.yt-video-card .yt-visibility-badge {
position: absolute;
bottom: 8px;