Effect Queues UI and API

[dennisrijsdijk]

Description of the Change

Introduce some visual status indicators for Queue status and amount of items (queue length) and context buttons to toggle queue activity and clear queue. Intoduce API for fetching queues, changing queue status and clearing queue.

API

• GET api/v1/queues

  • returns array of Effect Queues:
    • name (string)
    • mode ("custom" | "auto" | "interval")
    • sortTags (string[])
    • active (boolean)
    • id (string)
    • length (number)

• GET api/v1/queues/:queueId

  • returns a Detailed Effect Queue if the id matches or 404 if the queue doesn't exist
    • name (string)
    • mode ("custom" | "auto" | "interval")
    • sortTags (string[])
    • active (boolean)
    • id (string)
    • queue (object[])

• GET/POST api/v1/queues/:queueId/pause

• GET/POST api/v1/queues/:queueId/resume

• GET/POST api/v1/queues/:queueId/toggle

  • pauses, resumes or toggles the effect queue. returns a Detailed Effect Queue if the id matches or 404 if the queue doesn't exist

• GET/POST api/v1/queues/:queueId/clear

  • clears an effect queue. returns a Detailed Effect Queue if the id matches or 404 if the queue doesn't exist

Applicable Issues

#2213
#2214

Testing

Both the UI and API have been manually tested for issues. Including converting old queues, creating new queues, changing settings, changing activity state and clearing queue through effect, API and UI, adding effects to a queue both when paused and active.

Screenshots

• Effect Queues Table entries (old on top, new below)

• Context Menu (old)

• Context Menu (new)