Add ability to dismiss browser warning

This commit is contained in:
JonnyWong16 2019-02-24 14:27:34 -08:00
parent ae0960d2e2
commit f6f5df3d1e
2 changed files with 29 additions and 13 deletions

View file

@ -4204,7 +4204,7 @@ a[data-tab-destination] {
background: #cc7b19; background: #cc7b19;
text-align: center; text-align: center;
font-weight: bold; font-weight: bold;
padding-top: 2px; padding: 2px 10px;
position: absolute; position: absolute;
top: 0; top: 0;
z-index: 9999; z-index: 9999;

View file

@ -9,18 +9,34 @@ if (typeof platform !== 'undefined') {
p.os = platform.os.toString(); p.os = platform.os.toString();
} }
if (['IE', 'Microsoft Edge', 'IE Mobile'].indexOf(p.name) > -1) { if (['IE', 'Microsoft Edge', 'IE Mobile'].indexOf(p.name) <= -1) >
$('body').prepend('<div id="browser-warning"><i class="fa fa-exclamation-circle"></i>&nbsp;' + if (!getCookie('browserDismiss')) {
'Tautulli does not support Internet Explorer or Microsoft Edge! ' + var $browser_warning = $('<div id="browser-warning">' +
'Please use a different browser such as Chrome or Firefox.</div>'); '<i class="fa fa-exclamation-circle"></i>&nbsp;' +
var offset = $('#browser-warning').height(); 'Tautulli does not support Internet Explorer or Microsoft Edge! ' +
var navbar = $('.navbar-fixed-top'); 'Please use a different browser such as Chrome or Firefox.' +
if (navbar.length) { '<button type="button" class="close"><i class="fa fa-remove"></i></button>' +
navbar.offset({top: navbar.offset().top + offset}); '</div>');
} $('body').prepend($browser_warning);
var container = $('.body-container'); var offset = $browser_warning.height();
if (container.length) { warningOffset(offset);
container.offset({top: container.offset().top + offset});
$browser_warning.one('click', 'button.close', function () {
$browser_warning.remove();
warningOffset(-offset);
setCookie('browserDismiss', 'true', 7);
});
function warningOffset(offset) {
var navbar = $('.navbar-fixed-top');
if (navbar.length) {
navbar.offset({top: navbar.offset().top + offset});
}
var container = $('.body-container');
if (container.length) {
container.offset({top: container.offset().top + offset});
}
}
} }
} }