technicie/MarietjeDjango
1
0
Fork 0
mirror of https://gitlab.science.ru.nl/technicie/MarietjeDjango.git synced 2025-12-09 17:52:21 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix scroll bug and add success/error messages

Browse Source
This commit is contained in:
Lars van Rhijn
2023-10-04 20:21:43 +02:00
parent 12e47ce6c2
commit c061d1c304
1 changed files with 25 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

37
marietje/queues/templates/queues/queue.html
View File

@ -93,17 +93,22 @@
</template>
</td>
<td>
<a href="#" v-if="song.can_move_up" v-on:click="move_down(queue[index-1].id)"><i
class="fa-solid fa-arrow-up"></i></a>
<a href="#" v-else class="invisible"><i class="fa-solid fa-arrow-up"></i></a>
<div class="d-flex flex-column">
<div class="d-flex flex-row">
<button v-if="song.can_move_up" v-on:click="move_down(queue[index-1].id)" class="btn btn-link"><i
class="fa-solid fa-arrow-up"></i></button>
<button v-else class="btn btn-link invisible"><i class="fa-solid fa-arrow-up"></i></button>
<a href="#" v-if="song.can_move_down" v-on:click="move_down(song.id)"><i
class="fa-solid fa-arrow-down"></i></a>
<a href="#" v-else class="invisible"><i class="fa-solid fa-arrow-down"></i></a>
<a href="#" v-if="song.can_delete" v-on:click="cancel_song(song.id)"><i
class="fa-solid fa-trash-can"></i></a>
<a href="#" v-else class="invisible"><i class="fa-solid fa-trash-can"></i></a>
<button v-if="song.can_move_down" v-on:click="move_down(song.id)" class="btn btn-link"><i
class="fa-solid fa-arrow-down"></i></button>
<button v-else class="btn btn-link invisible"><i class="fa-solid fa-arrow-down"></i></button>
</div>
<div class="d-flex flex-row">
<button v-if="song.can_delete" v-on:click="cancel_song(song.id)" class="btn btn-link"><i
class="fa-solid fa-trash-can"></i></button>
<button v-else class="btn btn-link invisible"><i class="fa-solid fa-trash-can"></i></button>
</div>
</div>
</td>
</tr>
</template>
@ -352,7 +357,11 @@
"Content-Type": 'application/json',
},
}
).finally(() => {
).then(() => {
tata.success("", "Removed song from the queue.");
}).catch(() => {
tata.error("", "An error occurred while removing the song, please try again.");
}).finally(() => {
this.refresh();
});
},
@ -367,7 +376,11 @@
"Content-Type": 'application/json',
},
}
).finally(() => {
).then(() => {
tata.success("", "Song was moved successfully.");
}).catch(() => {
tata.error("", "An error occurred while moving the song, please try again.");
}).finally(() => {
this.refresh();
});
}