51c840249e
Instead of using the data of rolling average, using original data would reflect the real network traffic. Change-Id: I3f5a277b6ee8e7d760f5623eb4aae9f6c999e10f Reviewed-on: https://gerrit.libreoffice.org/c/online/+/89494 Tested-by: Michael Meeks <michael.meeks@collabora.com> Reviewed-by: Michael Meeks <michael.meeks@collabora.com>
110 lines
4.6 KiB
HTML
110 lines
4.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
|
|
<meta name="description" content="">
|
|
<meta name="author" content="">
|
|
|
|
<title>LibreOffice Online - Admin console</title>
|
|
|
|
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
|
|
<!--[if lt IE 9]>
|
|
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
|
|
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
|
|
<![endif]-->
|
|
<link rel="localizations" href="%SERVICE_ROOT%/loleaflet/%VERSION%/l10n/admin-localizations.json" type="application/vnd.oftn.l10n+json"/>
|
|
</head>
|
|
<body>
|
|
<script src="%SERVICE_ROOT%/loleaflet/%VERSION%/admin-bundle.js"></script>
|
|
<!--%BRANDING_JS%-->
|
|
<script>if (typeof brandProductName !== 'undefined') {l10nstrings.strProductName = brandProductName}</script>
|
|
<script>document.title = l10nstrings.strProductName + ' - ' + l10nstrings.strAdminConsole</script>
|
|
<script>
|
|
if (window.location.protocol == "https:") {
|
|
host = 'wss://' + window.location.host + '%SERVICE_ROOT%/lool/adminws/'
|
|
}
|
|
else {
|
|
host = 'ws://' + window.location.host + '%SERVICE_ROOT%/lool/adminws/'
|
|
}
|
|
|
|
var socketAnalytics = Admin.Analytics(host);
|
|
</script>
|
|
|
|
<nav class="navbar navbar-inverse navbar-fixed-top">
|
|
<div class="container-fluid">
|
|
<div class="navbar-header">
|
|
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
|
|
<span class="sr-only"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
<span class="icon-bar"></span>
|
|
</button>
|
|
<a class="navbar-brand" href="#"><script>document.write(l10nstrings.strProductName + ' - ' + l10nstrings.strAdminConsole)</script></a>
|
|
</div>
|
|
<div id="navbar" class="navbar-collapse collapse">
|
|
<ul class="nav navbar-nav navbar-right">
|
|
<li><a href="adminSettings.html"><script>document.write(l10nstrings.strSettings)</script></a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
|
|
<div class="container-fluid">
|
|
<div class="row">
|
|
<div class="col-sm-3 col-md-2 sidebar">
|
|
<ul class="nav nav-sidebar">
|
|
<li><a href="admin.html"><script>document.write(l10nstrings.strOverview)</script></a></li>
|
|
<li class="active"><a href="adminAnalytics.html"><script>document.write(l10nstrings.strAnalytics)</script> <span class="sr-only"><script>document.write(l10nstrings.strCurrent)</script></span></a></li>
|
|
<li><a href="adminHistory.html"><script>document.write(l10nstrings.strHistory)</script></a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
|
|
<ul class="nav nav-tabs">
|
|
<li class="active">
|
|
<a href="#memview" data-toggle="tab">
|
|
<h4><script>document.write(l10nstrings.strMemoryGraph)</script></h3>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#cpuview" data-toggle="tab">
|
|
<h4><script>document.write(l10nstrings.strCpuGraph)</script></h3>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#networkview" data-toggle="tab">
|
|
<h4><script>document.write(l10nstrings.strNetGraph)</script></h3>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="tab-content graph-content">
|
|
<div id="memview" class="active tab-pane">
|
|
<div class="graph-container">
|
|
<div>
|
|
<svg id="MemVisualisation" width="1010" height="510"></svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="cpuview" class="tab-pane">
|
|
<div class="graph-container">
|
|
<div>
|
|
<svg id="CpuVisualisation" width="1010" height="510"></svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div id="networkview" class="tab-pane">
|
|
<div class="graph-container">
|
|
<div>
|
|
<svg id="NetVisualisation" width="1010" height="510"></svg>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!--%FOOTER%-->
|
|
</body>
|
|
</html>
|