Add queue APIs
This commit is contained in:
parent
4e74bbb443
commit
3775191fd1
4 changed files with 382 additions and 0 deletions
|
@ -72,6 +72,41 @@
|
|||
.btn-molinella:hover {
|
||||
background-color: #5D4037;
|
||||
}
|
||||
.btn-queue-add {
|
||||
background-color: #4CAF50;
|
||||
color: white;
|
||||
}
|
||||
.btn-queue-add:hover {
|
||||
background-color: #45a049;
|
||||
}
|
||||
.btn-queue-read {
|
||||
background-color: #2196F3;
|
||||
color: white;
|
||||
}
|
||||
.btn-queue-read:hover {
|
||||
background-color: #1976D2;
|
||||
}
|
||||
.btn-queue-vote-up {
|
||||
background-color: #FF9800;
|
||||
color: white;
|
||||
}
|
||||
.btn-queue-vote-up:hover {
|
||||
background-color: #F57C00;
|
||||
}
|
||||
.btn-queue-vote-down {
|
||||
background-color: #F44336;
|
||||
color: white;
|
||||
}
|
||||
.btn-queue-vote-down:hover {
|
||||
background-color: #D32F2F;
|
||||
}
|
||||
.btn-queue-delete {
|
||||
background-color: #9C27B0;
|
||||
color: white;
|
||||
}
|
||||
.btn-queue-delete:hover {
|
||||
background-color: #7B1FA2;
|
||||
}
|
||||
.result {
|
||||
background-color: #f9f9f9;
|
||||
border: 1px solid #ddd;
|
||||
|
@ -112,6 +147,14 @@
|
|||
<button class="btn-molinella" onclick="sendMolinellaCoordinates()">🏘️ Send Molinella coordinates</button>
|
||||
</div>
|
||||
|
||||
<div class="button-group">
|
||||
<button class="btn-queue-add" onclick="addQueueItem()">🎵 Add Song</button>
|
||||
<button class="btn-queue-read" onclick="readQueue()">📋 Read Queue</button>
|
||||
<button class="btn-queue-vote-up" onclick="voteUp()">👍 Vote Up</button>
|
||||
<button class="btn-queue-vote-down" onclick="voteDown()">👎 Vote Down</button>
|
||||
<button class="btn-queue-delete" onclick="deleteQueueItem()">🗑️ Delete Item</button>
|
||||
</div>
|
||||
|
||||
<div id="status"></div>
|
||||
<div id="result" class="result" style="display: none;"></div>
|
||||
</div>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue