Nemcio/NodeBB
1
0
Fork 0
mirror of https://github.com/NodeBB/NodeBB.git synced 2025-11-07 22:45:46 +01:00
Code Issues Packages Projects Releases Wiki Activity

maximize graph w/ fullscreen API

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

30
public/less/admin/general/dashboard.less
View File

@@ -9,6 +9,36 @@
padding-right: 50px; padding-right: 50px;
position: relative; position: relative;
.fa-expand {
display: none;
position: absolute;
right: 20px;
padding: 5px;
background-color: @gray-lighter;
color: @gray-base;
cursor: pointer;
.transition(all .4s);
&.active {
display: inline;
}
}
&:hover {
.fa-expand {
color: @gray-lighter;
background-color: @gray-base;
}
}
&.fullscreen {
width: 100%;
padding: 100px 40px;
.fa-expand {
top: 20px;
}
}
&.pie-chart { &.pie-chart {
padding-right: 0px; padding-right: 0px;

36
public/src/admin/general/dashboard.js
View File

@@ -48,6 +48,7 @@ define('admin/general/dashboard', ['semver', 'Chart', 'translator', 'benchpress'
socket.emit('admin.rooms.getAll', Admin.updateRoomUsage); socket.emit('admin.rooms.getAll', Admin.updateRoomUsage);
initiateDashboard(); initiateDashboard();
}); });
setupFullscreen();
}; };
Admin.updateRoomUsage = function (err, data) { Admin.updateRoomUsage = function (err, data) {
@@ -496,5 +497,40 @@ define('admin/general/dashboard', ['semver', 'Chart', 'translator', 'benchpress'
}, realtime ? DEFAULTS.realtimeInterval : DEFAULTS.graphInterval); }, 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; return Admin;
}); });

3
src/views/admin/general/dashboard.tpl
View File

@@ -3,7 +3,8 @@
<div class="panel panel-default"> <div class="panel panel-default">
<div class="panel-heading">[[admin/general/dashboard:forum-traffic]]</div> <div class="panel-heading">[[admin/general/dashboard:forum-traffic]]</div>
<div class="panel-body"> <div class="panel-body">
<div class="graph-container"> <div class="graph-container" id="analytics-traffic-container">
<i class="fa fa-expand"></i>
<ul class="graph-legend"> <ul class="graph-legend">
<li><div class="page-views"></div><span>[[admin/general/dashboard:page-views]]</span></li> <li><div class="page-views"></div><span>[[admin/general/dashboard:page-views]]</span></li>
<li><div class="unique-visitors"></div><span>[[admin/general/dashboard:unique-visitors]]</span></li> <li><div class="unique-visitors"></div><span>[[admin/general/dashboard:unique-visitors]]</span></li>