[PR #2464] Add new buttons for "Play Next in Queue" functionality #3719

Open
opened 2026-04-25 00:16:47 +02:00 by adam · 0 comments
Owner

📋 Pull Request Information

Original PR: https://github.com/advplyr/audiobookshelf/pull/2464
Author: @maazhassan
Created: 12/29/2023
Status: 🔄 Open

Base: masterHead: play-next


📝 Commits (6)

  • c18f722 Add: "Play Next" button for book and podcast cards
  • 46ac48f Fix dropdown menu item name for podcast cards
  • 3fc0b99 Add: "Play Next" button for podcast episode table
  • 1e7af54 Add: "Play Next" button for podcast latest episodes
  • ff08d44 Remove unecessary mustache from podcast latest
  • 17c0c64 Add: "Play Next" button for book item page

📊 Changes

23 files changed (+134 additions, -3 deletions)

View changed files

📝 client/components/cards/LazyBookCard.vue (+35 -0)
📝 client/components/tables/podcast/EpisodeTableRow.vue (+7 -1)
📝 client/components/tables/podcast/EpisodesTable.vue (+14 -1)
📝 client/pages/item/_id/index.vue (+17 -0)
📝 client/pages/library/_library/podcast/latest.vue (+17 -0)
📝 client/store/index.js (+9 -0)
📝 client/strings/cs.json (+2 -0)
📝 client/strings/da.json (+2 -0)
📝 client/strings/de.json (+3 -1)
📝 client/strings/en-us.json (+2 -0)
📝 client/strings/es.json (+2 -0)
📝 client/strings/fr.json (+2 -0)
📝 client/strings/gu.json (+2 -0)
📝 client/strings/hi.json (+2 -0)
📝 client/strings/hr.json (+2 -0)
📝 client/strings/it.json (+2 -0)
📝 client/strings/lt.json (+2 -0)
📝 client/strings/nl.json (+2 -0)
📝 client/strings/no.json (+2 -0)
📝 client/strings/pl.json (+2 -0)

...and 3 more files

📄 Description

Motivation: #2214

This PR adds some new "Play Next" buttons in a couple places that add an item to the top of the queue, right after the currently playing item. This is useful in situations where a large amount of items are queued, but you want to listen to something next without having to dequeue/requeue everything, as the original feature request explains.

I've added these buttons in all of the places where an "Add to queue" button exists. They are only visible when the item is both able to be queued and not currently queued. Upon clicking, the button disappears until the item is unqueued - unlike the "add to queue" buttons which just change into "remove from queue" buttons.

Below are screenshots of all of the changes.

Dropdown menu for book and podcast cards:
image

Icon buttons on book item page:
image

Icon buttons for podcast episode table row:
image

Icon buttons for podcast latest episodes:
image

The icon currently being used is the "queue_play_next" icon from material icons. This can of course be changed to anything else if required.


🔄 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/advplyr/audiobookshelf/pull/2464 **Author:** [@maazhassan](https://github.com/maazhassan) **Created:** 12/29/2023 **Status:** 🔄 Open **Base:** `master` ← **Head:** `play-next` --- ### 📝 Commits (6) - [`c18f722`](https://github.com/advplyr/audiobookshelf/commit/c18f722929a07ad200a7b8a72788ac8fb1038e80) Add: "Play Next" button for book and podcast cards - [`46ac48f`](https://github.com/advplyr/audiobookshelf/commit/46ac48ffbd6333154c7421826b828b9a0137589c) Fix dropdown menu item name for podcast cards - [`3fc0b99`](https://github.com/advplyr/audiobookshelf/commit/3fc0b99cb61f9ab94186b5f2259ab70385ac9cf3) Add: "Play Next" button for podcast episode table - [`1e7af54`](https://github.com/advplyr/audiobookshelf/commit/1e7af5491c7cc6bd24217be517919f742f169100) Add: "Play Next" button for podcast latest episodes - [`ff08d44`](https://github.com/advplyr/audiobookshelf/commit/ff08d448707d52d0aa975821cb07ce39610314be) Remove unecessary mustache from podcast latest - [`17c0c64`](https://github.com/advplyr/audiobookshelf/commit/17c0c646077ee7851823b69f398e0fbe5255e2d1) Add: "Play Next" button for book item page ### 📊 Changes **23 files changed** (+134 additions, -3 deletions) <details> <summary>View changed files</summary> 📝 `client/components/cards/LazyBookCard.vue` (+35 -0) 📝 `client/components/tables/podcast/EpisodeTableRow.vue` (+7 -1) 📝 `client/components/tables/podcast/EpisodesTable.vue` (+14 -1) 📝 `client/pages/item/_id/index.vue` (+17 -0) 📝 `client/pages/library/_library/podcast/latest.vue` (+17 -0) 📝 `client/store/index.js` (+9 -0) 📝 `client/strings/cs.json` (+2 -0) 📝 `client/strings/da.json` (+2 -0) 📝 `client/strings/de.json` (+3 -1) 📝 `client/strings/en-us.json` (+2 -0) 📝 `client/strings/es.json` (+2 -0) 📝 `client/strings/fr.json` (+2 -0) 📝 `client/strings/gu.json` (+2 -0) 📝 `client/strings/hi.json` (+2 -0) 📝 `client/strings/hr.json` (+2 -0) 📝 `client/strings/it.json` (+2 -0) 📝 `client/strings/lt.json` (+2 -0) 📝 `client/strings/nl.json` (+2 -0) 📝 `client/strings/no.json` (+2 -0) 📝 `client/strings/pl.json` (+2 -0) _...and 3 more files_ </details> ### 📄 Description Motivation: #2214 This PR adds some new "Play Next" buttons in a couple places that add an item to the top of the queue, right after the currently playing item. This is useful in situations where a large amount of items are queued, but you want to listen to something next without having to dequeue/requeue everything, as the original feature request explains. I've added these buttons in all of the places where an "Add to queue" button exists. They are only visible when the item is both able to be queued and not currently queued. Upon clicking, the button disappears until the item is unqueued - unlike the "add to queue" buttons which just change into "remove from queue" buttons. Below are screenshots of all of the changes. **Dropdown menu for book and podcast cards:** ![image](https://github.com/advplyr/audiobookshelf/assets/60626039/3e6d87d5-609c-48d4-89ef-1520b1255213) **Icon buttons on book item page:** ![image](https://github.com/advplyr/audiobookshelf/assets/60626039/8a8e6291-aee5-4b30-87aa-056d735d5aed) **Icon buttons for podcast episode table row:** ![image](https://github.com/advplyr/audiobookshelf/assets/60626039/63284322-05fa-4feb-9c4d-f897e906d15b) **Icon buttons for podcast latest episodes:** ![image](https://github.com/advplyr/audiobookshelf/assets/60626039/46f51dc9-8bbe-4b9e-9bd3-1de62989eb68) The icon currently being used is the "queue_play_next" icon from material icons. This can of course be changed to anything else if required. --- <sub>🔄 This issue represents a GitHub Pull Request. It cannot be merged through Gitea due to API limitations.</sub>
adam added the pull-request label 2026-04-25 00:16:47 +02:00
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/audiobookshelf#3719