[PR #72] [CLOSED] Feature: added display for elapsed/remaining track time #105

New issue

Closed

opened 2026-02-28 15:42:11 +03:00 by kerem · 0 comments

kerem commented

2026-02-28 15:42:11 +03:00

Owner

📋 Pull Request Information

Original PR: https://github.com/usenocturne/nocturne-ui/pull/72
Author: @angelolz
Created: 1/6/2025
Status: ❌ Closed

Base: production ← Head: feature/added-elapsed-time

📝 Commits (1)

df35ccb added display for elapsed track time

📊 Changes

2 files changed (+79 additions, -6 deletions)

View changed files

📝 src/components/Settings.jsx (+34 -0)
📝 src/pages/now-playing.jsx (+45 -6)

📄 Description

This feature shows the current progress of the track formatted to HH:MM:SS below the progress bar. It supports showing the elapsed time and remaining track time left.

Screenshots

New setting added.

Now playing page with elapsed time displayed.

Had to make the album cover and lyric box element 20px shorter.

Also includes support for media longer than an hour (plus remaining time on display).

_{🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.}

## 📋 Pull Request Information **Original PR:** https://github.com/usenocturne/nocturne-ui/pull/72 **Author:** [@angelolz](https://github.com/angelolz) **Created:** 1/6/2025 **Status:** ❌ Closed **Base:** `production` ← **Head:** `feature/added-elapsed-time` --- ### 📝 Commits (1) - [`df35ccb`](https://github.com/usenocturne/nocturne-ui/commit/df35ccbc55f229e9cfeb43a54eaef4bf7affb731) added display for elapsed track time ### 📊 Changes **2 files changed** (+79 additions, -6 deletions) <details> <summary>View changed files</summary> 📝 `src/components/Settings.jsx` (+34 -0) 📝 `src/pages/now-playing.jsx` (+45 -6) </details> ### 📄 Description This feature shows the current progress of the track formatted to HH:MM:SS below the progress bar. It supports showing the elapsed time and remaining track time left. <details> <summary>Screenshots</summary> ## New setting added. ![image](https://github.com/user-attachments/assets/f6f01f3e-e564-44a1-b158-6612830b9ccd) ## Now playing page with elapsed time displayed. ![image](https://github.com/user-attachments/assets/315c53b7-0bc2-44b9-b4bb-dedebe83be90) ## Had to make the album cover and lyric box element 20px shorter. ![image](https://github.com/user-attachments/assets/53841a91-cfce-45a3-a1e5-2a5393294d11) ## Also includes support for media longer than an hour (plus remaining time on display). ![image](https://github.com/user-attachments/assets/9473c0a3-073e-45b6-ba5f-6ad1767a3e37) </details> --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>