You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
83 lines
2.2 KiB
83 lines
2.2 KiB
console.log('Version 1:20:2');
|
|
const appModal = $('#modalDownloadQueue');
|
|
const loader = $("#loader-wrapper");
|
|
|
|
function proc_notification(icon, title, text) {
|
|
Swal.fire({
|
|
title: title,
|
|
icon: icon,
|
|
text: text
|
|
})
|
|
}
|
|
|
|
$('#settings_btn').on('click', () => {
|
|
$('#modalSettings').modal('toggle');
|
|
})
|
|
|
|
$('#catalog_btn').on('click', () => {
|
|
$('#modalCatalog').modal('toggle');
|
|
})
|
|
|
|
$('#queue_btn').on('click', () => {
|
|
appModal.modal('toggle');
|
|
})
|
|
|
|
$('#download_btn').on('click', () => {
|
|
loader.fadeIn(300);
|
|
|
|
let artist = $('#search_bar').val();
|
|
let icon = 'error';
|
|
let title = 'What the flip?!';
|
|
|
|
setTimeout(() => {
|
|
if (artist) {
|
|
console.log('Sending search request...');
|
|
$.ajax({
|
|
url: `/artist/${artist}`,
|
|
success: (response) => {
|
|
console.log('Receiving response...');
|
|
console.log(response);
|
|
console.log('===========');
|
|
icon = 'success';
|
|
title = 'Shazam!';
|
|
proc_notification(icon, title, 'Artist found');
|
|
$('#search_bar').val('');
|
|
loader.fadeOut(700);
|
|
},
|
|
error: (response) => {
|
|
console.log('Receiving response...');
|
|
console.log(response);
|
|
console.log('===========');
|
|
proc_notification(icon, title, response.statusText);
|
|
loader.fadeOut(700);
|
|
}
|
|
});
|
|
|
|
} else {
|
|
proc_notification(icon, title, 'You need to add an artist, c\'mon man!');
|
|
loader.fadeOut(700);
|
|
}
|
|
}, 100);
|
|
|
|
})
|
|
|
|
document.addEventListener('alpine:init', () => {
|
|
console.log('Alpine:init');
|
|
Alpine.store('app', {
|
|
init() {
|
|
// TODO: Poll for artists and queue
|
|
this.Artists = [];
|
|
this.Queue = [];
|
|
this.ArtistResults = []
|
|
},
|
|
|
|
Artists: [], // Rendered in the 'Artists' menu
|
|
ArtistResults: [], // Rendered in the
|
|
Queue: [], // Rendered in the 'Queue' menu
|
|
|
|
});
|
|
|
|
$("#loader-wrapper").fadeOut(900);
|
|
|
|
})
|