quoije/oscars-pool
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Movie watch progression tracking #63

Merged
quoije merged 3 commits from cursor/movie-watch-progression-tracking-d4eb into 2026 2025-12-22 19:58:37 -05:00
Conversation 1 Commits 3 Files Changed 4
+14 -10
1 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 2508843153 - Show all commits
public/js/app_movies.js
+14 -10
View File
@@ -423,17 +423,21 @@ window.addEventListener('DOMContentLoaded', async function () {
if (time > 1) { if (time > 1) {
if (duration && Number.isFinite(duration) && duration > 0) { if (duration && Number.isFinite(duration) && duration > 0) {
const pct = Math.max(0, Math.min(100, (time / duration) * 100)); const pct = Math.max(0, Math.min(100, (time / duration) * 100));
progressHtml = ` // Hide "resume/progress" once we're basically at the credits.
<div class="mt-2"> // Backend uses 95% as the "credit roll" threshold too.
<div class="d-flex justify-content-between align-items-center text-muted small"> if (pct < 95) {
<span>Reprendre à <span class="fw-semibold text-dark">${formatClock(time)}</span></span> progressHtml = `
<span>${pct.toFixed(0)}%</span> <div class="mt-2">
<div class="d-flex justify-content-between align-items-center text-muted small">
<span>Reprendre à <span class="fw-semibold text-dark">${formatClock(time)}</span></span>
<span>${pct.toFixed(0)}%</span>
</div>
<div class="progress" style="height: 6px;">
<div class="progress-bar" role="progressbar" style="width: ${pct.toFixed(2)}%;" aria-valuenow="${pct.toFixed(0)}" aria-valuemin="0" aria-valuemax="100"></div>
</div>
</div> </div>
<div class="progress" style="height: 6px;"> `;
<div class="progress-bar" role="progressbar" style="width: ${pct.toFixed(2)}%;" aria-valuenow="${pct.toFixed(0)}" aria-valuemin="0" aria-valuemax="100"></div> }
</div>
</div>
`;
} else { } else {
progressHtml = ` progressHtml = `
<div class="mt-2 text-muted small"> <div class="mt-2 text-muted small">