mirrors/ympd
1
0
Fork 0
mirror of https://github.com/SuperBFG7/ympd synced 2025-04-26 12:43:14 +00:00
Code Issues Releases Wiki Activity

Fix notifications

Browse Source
This commit is contained in:
jcorporation 2018-07-02 20:59:56 +01:00
parent a61023c2db
commit 691b90a2c9
3 changed files with 22 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
htdocs/css/mpd.css
View File

@ -200,12 +200,10 @@ div#alertBox {
opacity:0;
visibility:visible;
transition:opacity 0.5s ease-in;
display:none;
}
div.alertBoxActive {
opacity:1 !important;
visibility:visible !important;
transition:opacity 0.5s ease-in;
display:block !important;
}

4
htdocs/index.html
View File

@ -463,10 +463,6 @@
</nav>
</footer>
<!-- Notifications -->
<div id="alertBox" class="alert alert-success"></div>
<!-- Modal -->
<div class="modal" id="modalConnectionError" role="dialog">
<div class="modal-dialog" role="document">

29
htdocs/js/mpd.js
View File

@ -66,7 +66,6 @@ domCache.btnNext = document.getElementById('btnNext');
domCache.progressBar = document.getElementById('progressBar');
domCache.volumeBar = document.getElementById('volumeBar');
domCache.outputs = document.getElementById('outputs');
domCache.alertBox = document.getElementById('alertBox');
function appPrepare() {
if (app.current.app != app.last.app || app.current.tab != app.last.tab || app.current.view != app.last.view) {
@ -243,7 +242,7 @@ function appRoute() {
app.last.view = app.current.view;
};
$(document).ready(function(){
function appInit() {
getSettings();
sendAPI({"cmd":"MPD_API_GET_OUTPUTNAMES"}, parseOutputnames);
@ -438,7 +437,7 @@ $(document).ready(function(){
}
event.preventDefault();
}, false);
});
}
function webSocketConnect() {
socket = new WebSocket(get_appropriate_ws_url());
@ -1246,12 +1245,25 @@ function showNotification(notificationTitle,notificationText,notificationHtml,no
}, 3000, notification);
}
if (settings.notificationPage == 1) {
domCache.alertBox.innerHTML = '<strong>' + notificationTitle + '</strong>' + notificationHtml;
domCache.alertBox.classList.add('alertBoxActive');
var alertBox;
if (!document.getElementById('alertBox')) {
alertBox = document.createElement('div');
alertBox.setAttribute('id','alertBox');
}
else {
alertBox = document.getElementById('alertBox');
}
alertBox.classList.add('alert','alert-' + notificationType);
alertBox.innerHTML = '<div><strong>' + notificationTitle + '</strong>' + notificationHtml + '</div>';
document.getElementsByTagName('main')[0].append(alertBox);
document.getElementById('alertBox').classList.add('alertBoxActive');
if (timeOut)
clearTimeout(timeOut);
timeOut = setTimeout(function(notificationTitle) {
domCache.alertBox.classList.remove('alertBoxActive');
timeOut = setTimeout(function() {
document.getElementById('alertBox').classList.remove('alertBoxActive');
setTimeout(function() {
document.getElementById('alertBox').remove();
}, 600);
}, 3000);
}
}
@ -1367,3 +1379,6 @@ function beautifyDuration(x) {
function genId(x) {
return 'id'+x.replace(/[^\w]/g,'');
}
//Init app
appInit();