maximize graph w/ fullscreen API

This commit is contained in:
Andrew Rodrigues
2018-04-09 11:50:30 -04:00
parent 8764f1f190
commit 67c8d4b560
3 changed files with 68 additions and 1 deletions

View File

@@ -48,6 +48,7 @@ define('admin/general/dashboard', ['semver', 'Chart', 'translator', 'benchpress'
socket.emit('admin.rooms.getAll', Admin.updateRoomUsage);
initiateDashboard();
});
setupFullscreen();
};
Admin.updateRoomUsage = function (err, data) {
@@ -496,5 +497,40 @@ define('admin/general/dashboard', ['semver', 'Chart', 'translator', 'benchpress'
}, realtime ? DEFAULTS.realtimeInterval : DEFAULTS.graphInterval);
}
function setupFullscreen() {
var container = document.getElementById('analytics-traffic-container');
var $container = $(container);
var btn = $container.find('.fa-expand');
var fsMethod;
var exitMethod;
if (container.requestFullscreen) {
fsMethod = 'requestFullscreen';
exitMethod = 'exitFullscreen';
} else if (container.mozRequestFullScreen) {
fsMethod = 'mozRequestFullScreen';
exitMethod = 'mozCancelFullScreen';
} else if (container.webkitRequestFullscreen) {
fsMethod = 'webkitRequestFullscreen';
exitMethod = 'webkitCancelFullScreen';
} else if (container.msRequestFullscreen) {
fsMethod = 'msRequestFullscreen';
exitMethod = 'msCancelFullScreen';
}
if (fsMethod) {
btn.addClass('active');
btn.on('click', function () {
if ($container.hasClass('fullscreen')) {
document[exitMethod]();
$container.removeClass('fullscreen');
} else {
container[fsMethod]();
$container.addClass('fullscreen');
}
});
}
}
return Admin;
});