brett.spaulding
/
getDiscography
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

[IMP] Small UI improvements

Browse Source
refactor_total
Brett Spaulding 3 years ago
parent a6d5f6d309
commit c15db61b84
3 changed files with 2120 additions and 6 deletions
Show Stats Download Patch File Download Diff File

2088
database/album.json
View File

File diff suppressed because it is too large Load Diff

4
static/js/app.js
Unescape View File

@ -18,6 +18,10 @@ function fill_download_queue() {
}) })
} }
$('.settings_btn').on('click', () => {
$('#modalSettings').modal('toggle');
})
$('.queue_btn').on('click', () => { $('.queue_btn').on('click', () => {
console.log('Get Queue!'); console.log('Get Queue!');
if (modalPolling) { if (modalPolling) {

34
templates/base.html
Unescape View File

@ -19,8 +19,9 @@
</head> </head>
<body> <body>
<div id="loader-wrapper" class="bg-white position-fixed z-3 w-100 h-100 text-center"> <div id="loader-wrapper" class="bg-white position-fixed z-3 w-100 h-100 text-center">
<div class="centered" role="status" style="position: fixed; top: 50%;"> <div class="centered text-center" role="status" style="position: fixed; top: 50%;">
<i class="la la-4x la-compact-disc icn-spinner"></i> <i class="la la-4x la-compact-disc icn-spinner"></i>
<h3>Loading..</h3>
</div> </div>
</div> </div>
@ -32,11 +33,11 @@
<div id="action_list"> <div id="action_list">
<span> <span>
<a href="#download-queue"> <a href="#download-queue">
<i class="las la-3x la-server queue_btn"></i> <i class="las la-2x la-list queue_btn"></i>
</a>
<a href="#settings">
<i class="las la-2x la-cog settings_btn"></i>
</a> </a>
{# <a href="#download-queue">#}
{# <i class="las la-3x la-server queue_btn"></i>#}
{# </a>#}
</span> </span>
</div> </div>
@ -78,7 +79,7 @@
</div> </div>
</div> </div>
<!-- Modal --> <!-- Download Queue Modal -->
<div class="modal fade" <div class="modal fade"
id="modalDownloadQueue" tabindex="-1" aria-labelledby="modalDownloadQueue" aria-hidden="true"> id="modalDownloadQueue" tabindex="-1" aria-labelledby="modalDownloadQueue" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable modal-fullscreen-md-down modal-fullscreen-sm-down"> <div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable modal-fullscreen-md-down modal-fullscreen-sm-down">
@ -98,6 +99,27 @@
</div> </div>
</div> </div>
<!-- Settings Modal -->
<div class="modal fade"
id="modalSettings" tabindex="-1" aria-labelledby="modalSettings" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered modal-lg modal-dialog-scrollable modal-fullscreen-md-down modal-fullscreen-sm-down">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Settings</h5>
<button type="button" class="btn-close" data-bs-dismiss="modal"
aria-label="Close"></button>
</div>
<div class="modal-body">
<p>No settings yet, check back later my nigga.</p>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-bs-dismiss="modal">Save</button>
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
</div>
</div>
</div>
</div>
<!--[if IE]> <!--[if IE]>
<div class="position-fixed bottom-0 w-100 p-2 text-bg-dark d-flex justify-content-between"><p> <div class="position-fixed bottom-0 w-100 p-2 text-bg-dark d-flex justify-content-between"><p>
Outdated Outdated

Write Preview
Loading…
Cancel
Save