Migrate rest of JS out of HTML
This commit is contained in:
Tyler Vigario
parent
66bf1f1510
commit
716b55b020
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -603,7 +603,7 @@ const download_dir = download_form.find('input[name=\'dir\']');
|
||||
const download_tags = download_form.find('input[name=\'tags\']');
|
||||
const download_keywords = download_form.find('input[name=\'keywords\']');
|
||||
|
||||
function addAllResults() {
|
||||
document.getElementById('add-to-playlist-btn').addEventListener('click', () => {
|
||||
const data = getFilters();
|
||||
data.action = 'add';
|
||||
|
||||
@ -616,9 +616,9 @@ function addAllResults() {
|
||||
});
|
||||
|
||||
checkForPlaylistUpdate();
|
||||
}
|
||||
});
|
||||
|
||||
function deleteAllResults() {
|
||||
document.getElementById('library-delete-btn').addEventListener('click', () => {
|
||||
const data = getFilters();
|
||||
data.action = 'delete';
|
||||
|
||||
@ -632,9 +632,9 @@ function deleteAllResults() {
|
||||
|
||||
checkForPlaylistUpdate();
|
||||
updateResults();
|
||||
}
|
||||
});
|
||||
|
||||
function downloadAllResults() {
|
||||
document.getElementById('library-download-btn').addEventListener('click', () => {
|
||||
const cond = getFilters();
|
||||
download_id.val();
|
||||
download_type.val(cond.type);
|
||||
@ -642,7 +642,12 @@ function downloadAllResults() {
|
||||
download_tags.val(cond.tags);
|
||||
download_keywords.val(cond.keywords);
|
||||
download_form.submit();
|
||||
}
|
||||
});
|
||||
|
||||
document.getElementById('library-rescan-btn').addEventListener('click', () => {
|
||||
request('post', {action: 'rescan'});
|
||||
updateResults();
|
||||
});
|
||||
|
||||
function downloadId(id) {
|
||||
download_id.attr('value', id);
|
||||
@ -760,7 +765,7 @@ function addTagModalShow(_id, _title, _tag_tuples) {
|
||||
add_tag_modal.modal('show');
|
||||
}
|
||||
|
||||
function addTagModalAdd() {
|
||||
document.getElementById('addTagModalAddBtn').addEventListener('click', () => {
|
||||
const new_tags = add_tag_modal_input.val().split(',').map(function(str) {
|
||||
return str.trim();
|
||||
});
|
||||
@ -776,9 +781,9 @@ function addTagModalAdd() {
|
||||
modal_tag_text.html('');
|
||||
});
|
||||
add_tag_modal_input.val('');
|
||||
}
|
||||
});
|
||||
|
||||
function addTagModalSubmit() {
|
||||
document.getElementById('addTagModalSubmit').addEventListener('click', () => {
|
||||
const all_tags = $('.modal-tag-text');
|
||||
const tags = [];
|
||||
all_tags.each(function(i, element) {
|
||||
@ -797,7 +802,7 @@ function addTagModalSubmit() {
|
||||
},
|
||||
});
|
||||
updateResults(active_page);
|
||||
}
|
||||
});
|
||||
|
||||
// ---------------------
|
||||
// ------- Volume ------
|
||||
@ -1030,6 +1035,23 @@ function uploadCancel() {
|
||||
areYouSureToCancelUploading = !areYouSureToCancelUploading;
|
||||
}
|
||||
|
||||
//
|
||||
// URLS & Radio
|
||||
//
|
||||
|
||||
const musicUrlInput = document.getElementById('music-url-input');
|
||||
const radioUrlInput = document.getElementById('radio-url-input');
|
||||
|
||||
document.getElementById('add-music-url').querySelector('button').addEventListener('click', () => {
|
||||
request('post', {add_url: musicUrlInput.value});
|
||||
musicUrlInput.value = '';
|
||||
});
|
||||
|
||||
document.getElementById('add-radio-url').querySelector('button').addEventListener('click', () => {
|
||||
request('post', {add_radio: radioUrlInput.value});
|
||||
radioUrlInput.value = '';
|
||||
});
|
||||
|
||||
// ---------------------
|
||||
// ------ Player ------
|
||||
// ---------------------
|
||||
@ -1047,9 +1069,21 @@ const playerSkipBtn = document.getElementById('playerSkipBtn');
|
||||
|
||||
let currentPlayingItem = null;
|
||||
|
||||
function togglePlayer() {
|
||||
playerPlayBtn.addEventListener('click', () => {
|
||||
request('post', {action: 'resume'});
|
||||
});
|
||||
|
||||
playerPauseBtn.addEventListener('click', () => {
|
||||
request('post', {action: 'pause'});
|
||||
});
|
||||
|
||||
playerSkipBtn.addEventListener('click', () => {
|
||||
request('post', {action: 'next'});
|
||||
});
|
||||
|
||||
document.getElementById('player-toast').addEventListener('click', () => {
|
||||
$(player).toast('show');
|
||||
}
|
||||
});
|
||||
|
||||
function playerSetIdle() {
|
||||
playerArtwork.style.display = 'none';
|
||||
|
||||
@ -237,13 +237,11 @@
|
||||
<path d="m5.700245,3.92964l0,14.150376l11.451127,-7.075188l-11.451127,-7.075188z"></path>
|
||||
<path d="m20.942859,18.221072l-3.323292,0l0,3.323292l-1.107764,0l0,-3.323292l-3.323292,0l0,-1.107764l3.323292,0l0,-3.323292l1.107764,0l0,3.323292l3.323292,0l0,1.107764z"></path>
|
||||
</svg>
|
||||
|
||||
</button>
|
||||
<button class="library-item-add-bottom library-btn btn btn-info btn-sm btn-space" type="button" title="Add to bottom">
|
||||
<svg class="library-btn-svg" style="width: 1rem; fill: currentColor;" viewBox="2 2 20 20">
|
||||
<path d="M2,16H10V14H2M18,14V10H16V14H12V16H16V20H18V16H22V14M14,6H2V8H14M14,10H2V12H14V10Z"></path>
|
||||
</svg>
|
||||
|
||||
</button>
|
||||
<button class="library-item-download btn btn-primary btn-sm btn-space" type="button">
|
||||
<i class="fas fa-download" aria-hidden="true"></i>
|
||||
@ -257,48 +255,50 @@
|
||||
</div>
|
||||
|
||||
<div class="list-group">
|
||||
<div id="library-pagination" style="margin-left: auto; margin-top: 10px;">
|
||||
<ul id="library-page-ul" class="pagination pagination">
|
||||
<li class="library-page-li page-item active">
|
||||
<a class="library-page-no page-link">1</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="library-pagination" style="margin-left: auto; margin-top: 10px;">
|
||||
<ul id="library-page-ul" class="pagination pagination">
|
||||
<li class="library-page-li page-item active">
|
||||
<a class="library-page-no page-link">1</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="btn-group mb-2" role="group">
|
||||
<button type="submit" class="btn btn-secondary mr-1" onclick="addAllResults()"><i class="fas fa-plus" aria-hidden="true"></i> Add All
|
||||
</button>
|
||||
<button type="submit" class="btn btn-secondary mr-1" onclick="request('post', {action : 'rescan'}); updateResults()">
|
||||
<i class="fas fa-sync-alt" aria-hidden="true"></i> Rescan Files
|
||||
</button>
|
||||
<button type="submit" class="btn btn-secondary mr-1" onclick="downloadAllResults()"><i class="fas fa-download" aria-hidden="true"></i> Download All
|
||||
</button>
|
||||
<button type="button" class="btn btn-danger mr-1" data-toggle="modal" data-target="#deleteWarningModal"><i class="fas fa-trash-alt" aria-hidden="true"></i>
|
||||
Delete All
|
||||
</button>
|
||||
<button id="add-to-playlist-btn" type="button" class="btn btn-secondary mr-1">
|
||||
<i class="fas fa-plus" aria-hidden="true"></i> Add All
|
||||
</button>
|
||||
<button id="library-rescan-btn" type="button" class="btn btn-secondary mr-1">
|
||||
<i class="fas fa-sync-alt" aria-hidden="true"></i> Rescan Files
|
||||
</button>
|
||||
<button id="library-download-btn" type="button" class="btn btn-secondary mr-1">
|
||||
<i class="fas fa-download" aria-hidden="true"></i> Download All
|
||||
</button>
|
||||
<button type="button" class="btn btn-danger mr-1" data-toggle="modal" data-target="#deleteWarningModal">
|
||||
<i class="fas fa-trash-alt" aria-hidden="true"></i> Delete All
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="deleteWarningModal" tabindex="-1" role="dialog" aria-labelledby="Warning-Delete-File" aria-hidden="true">
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="deleteWarningModalLabel">Are you really sure?</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
All files listed here, include files on other pages, will be deleted from your
|
||||
hard-drive.
|
||||
Is that what you want?
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||
<button type="button" class="btn btn-danger" data-dismiss="modal" onclick="deleteAllResults()">Delete All Listed Files</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="modal-dialog" role="document">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="deleteWarningModalLabel">Are you really sure?</h5>
|
||||
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
|
||||
<span aria-hidden="true">×</span>
|
||||
</button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
All files listed here, include files on other pages, will be deleted from your
|
||||
hard-drive.
|
||||
Is that what you want?
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||
<button id="library-delete-btn" type="button" class="btn btn-danger" data-dismiss="modal">Delete All Listed Files</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@ -357,38 +357,38 @@
|
||||
|
||||
<div class="container mb-5">
|
||||
<div class="card-deck">
|
||||
<div class="card">
|
||||
<div id="add-music-url" class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">Add URL</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<label for="add_url_input">Add Youtube or Soundcloud URL</label>
|
||||
<label for="music-url-input">Add Youtube or Soundcloud URL</label>
|
||||
<div class="input-group mb-2">
|
||||
<input class="form-control" type="text" id="add_url_input" placeholder="URL...">
|
||||
<input class="form-control" type="text" id="music-url-input" placeholder="URL...">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary" onclick="var $i = $('#add_url_input')[0]; request('post', {add_url : $i.value }); $i.value = ''; ">Add
|
||||
URL
|
||||
<button type="submit" class="btn btn-primary">
|
||||
Add URL
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div id="add-radio-url" class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="card-title">Add Radio</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<label for="add_radio_input">Add Radio URL</label>
|
||||
<label for="radio-url-input">Add Radio URL</label>
|
||||
<div class="input-group mb-2">
|
||||
<input class="form-control" type="text" id="add_radio_input" placeholder="Radio Address...">
|
||||
<input id="radio-url-input" class="form-control" type="text" placeholder="Radio Address...">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary" onclick="var $i = $('#add_radio_input')[0]; request('post', {add_radio : $i.value }); $i.value = '';">Add
|
||||
Radio
|
||||
<button type="submit" class="btn btn-primary">
|
||||
Add Radio
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="floating-button" style="bottom: 120px;" onclick="togglePlayer()">
|
||||
<div id="player-toast" class="floating-button" style="bottom: 120px;">
|
||||
<i class="fas fa-play" aria-hidden="true"></i>
|
||||
</div>
|
||||
|
||||
@ -409,13 +409,13 @@
|
||||
<img id="playerArtwork" src="static/img/unknown-album.png" style="display: none;" />
|
||||
<div id="playerInfo">
|
||||
<div id="playerActionBox">
|
||||
<button id="playerPlayBtn" class="btn btn-primary btn-sm btn-space" style="display: none" onclick="request('post', {action: 'resume'})">
|
||||
<button id="playerPlayBtn" class="btn btn-primary btn-sm btn-space" style="display: none">
|
||||
<i class="fas fa-play"></i>
|
||||
</button>
|
||||
<button id="playerPauseBtn" class="btn btn-primary btn-sm btn-space" style="display: none" onclick="request('post', {action: 'pause'})">
|
||||
<button id="playerPauseBtn" class="btn btn-primary btn-sm btn-space" style="display: none">
|
||||
<i class="fas fa-pause"></i>
|
||||
</button>
|
||||
<button id="playerSkipBtn" class="btn btn-primary btn-sm" onclick="request('post', {action : 'next'})">
|
||||
<button id="playerSkipBtn" class="btn btn-primary btn-sm">
|
||||
<i class="fas fa-fast-forward"></i>
|
||||
</button>
|
||||
</div>
|
||||
@ -461,7 +461,7 @@
|
||||
</div>
|
||||
<div class="input-group">
|
||||
<input class="form-control form-control-sm btn-space" type="text" id="addTagModalInput" placeholder="tag1,tag2,...">
|
||||
<button id="addTagModalAddBtn" type="button" class="btn btn-primary btn-sm" onclick="addTagModalAdd()">
|
||||
<button id="addTagModalAddBtn" type="button" class="btn btn-primary btn-sm">
|
||||
<i class="fas fa-plus" aria-hidden="true"></i>
|
||||
Add
|
||||
</button>
|
||||
@ -469,7 +469,7 @@
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
|
||||
<button id="addTagModalSubmit" type="button" class="btn btn-success" data-dismiss="modal" onclick="addTagModalSubmit()">Edit!</button>
|
||||
<button id="addTagModalSubmit" type="button" class="btn btn-success" data-dismiss="modal">Edit!</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user