strepsirrhini/libreoffice-online
3
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1
libreoffice-online/loleaflet/dist/admin.html

129 lines
4.6 KiB
HTML
Raw Normal View History

loleaflet: Better design for Admin console JS files Lets have a new websocket class for each websocket type we want in admin console inheriting from single abstract base class. This, hopefully, would provide us with extensibility and ease of managing files in future. Right now, there is only one class with very less complexity, hence all the code is in one file. As the complexity increases, we would need to separate all these classes in different files, concat and compress them before moving to dist/ Also rename dashboard.html to admin.html Change-Id: I34b9b2817fe4a0e6ee2913c017d2694a17ab978c Reviewed-on: https://gerrit.libreoffice.org/22904 Reviewed-by: Andras Timar <andras.timar@collabora.com> Tested-by: Andras Timar <andras.timar@collabora.com>
2016-03-04 10:06:28 -06:00
<!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>
<!-- Bootstrap core CSS -->
<link href="/loleaflet/dist/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<link href="/loleaflet/dist/bootstrap/assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="/loleaflet/dist/bootstrap/dashboard.css" rel="stylesheet">
<!-- 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]-->
</head>
<body>
<script src="/loleaflet/dist/admin-src.js"></script>
<script>
function getParameterByName(name) {
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
results = regex.exec(location.search);
return results === null ? "" : results[1].replace(/\+/g, " ");
}
var host = getParameterByName('host');
new AdminSocketOverview(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">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">LibreOffice Online - Admin console</a>
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav navbar-right">
<li><a href="#">Dashboard</a></li>
<li><a href="#">Settings</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Help</a></li>
</ul>
<form class="navbar-form navbar-right">
<input type="text" class="form-control" placeholder="Search...">
</form>
</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 class="active"><a href="#">Overview <span class="sr-only">(current)</span></a></li>
<li><a href="#">Reports</a></li>
<li><a href="#">Analytics</a></li>
<li><a href="#">Export</a></li>
</ul>
</div>
<div class="col-sm-9 col-sm-offset-3 col-md-10 col-md-offset-2 main">
<h1 class="page-header">Dashboard</h1>
<div class="row placeholders">
<div class="col-xs-6 col-sm-3 placeholder">
loleaflet: Add total memory, active users, active/open docs Change-Id: Ie92ca10d9fb892daf45c17edd58b464c9f7cc09b Reviewed-on: https://gerrit.libreoffice.org/22990 Reviewed-by: pranavk <pranavk@collabora.com> Tested-by: pranavk <pranavk@collabora.com>
2016-03-04 12:52:50 -06:00
<div class="main-data" id="active_users_count">0</div>
loleaflet: Better design for Admin console JS files Lets have a new websocket class for each websocket type we want in admin console inheriting from single abstract base class. This, hopefully, would provide us with extensibility and ease of managing files in future. Right now, there is only one class with very less complexity, hence all the code is in one file. As the complexity increases, we would need to separate all these classes in different files, concat and compress them before moving to dist/ Also rename dashboard.html to admin.html Change-Id: I34b9b2817fe4a0e6ee2913c017d2694a17ab978c Reviewed-on: https://gerrit.libreoffice.org/22904 Reviewed-by: Andras Timar <andras.timar@collabora.com> Tested-by: Andras Timar <andras.timar@collabora.com>
2016-03-04 10:06:28 -06:00
<h4>Users online</h4>
</div>
<div class="col-xs-6 col-sm-3 placeholder">
loleaflet: Add total memory, active users, active/open docs Change-Id: Ie92ca10d9fb892daf45c17edd58b464c9f7cc09b Reviewed-on: https://gerrit.libreoffice.org/22990 Reviewed-by: pranavk <pranavk@collabora.com> Tested-by: pranavk <pranavk@collabora.com>
2016-03-04 12:52:50 -06:00
<div class="main-data" id="active_docs_count">0</div>
loleaflet: Better design for Admin console JS files Lets have a new websocket class for each websocket type we want in admin console inheriting from single abstract base class. This, hopefully, would provide us with extensibility and ease of managing files in future. Right now, there is only one class with very less complexity, hence all the code is in one file. As the complexity increases, we would need to separate all these classes in different files, concat and compress them before moving to dist/ Also rename dashboard.html to admin.html Change-Id: I34b9b2817fe4a0e6ee2913c017d2694a17ab978c Reviewed-on: https://gerrit.libreoffice.org/22904 Reviewed-by: Andras Timar <andras.timar@collabora.com> Tested-by: Andras Timar <andras.timar@collabora.com>
2016-03-04 10:06:28 -06:00
<h4>Documents opened</h4>
</div>
<div class="col-xs-6 col-sm-3 placeholder">
loleaflet: Add total memory, active users, active/open docs Change-Id: Ie92ca10d9fb892daf45c17edd58b464c9f7cc09b Reviewed-on: https://gerrit.libreoffice.org/22990 Reviewed-by: pranavk <pranavk@collabora.com> Tested-by: pranavk <pranavk@collabora.com>
2016-03-04 12:52:50 -06:00
<div class="main-data" id="total_mem">0</div>
loleaflet: Better design for Admin console JS files Lets have a new websocket class for each websocket type we want in admin console inheriting from single abstract base class. This, hopefully, would provide us with extensibility and ease of managing files in future. Right now, there is only one class with very less complexity, hence all the code is in one file. As the complexity increases, we would need to separate all these classes in different files, concat and compress them before moving to dist/ Also rename dashboard.html to admin.html Change-Id: I34b9b2817fe4a0e6ee2913c017d2694a17ab978c Reviewed-on: https://gerrit.libreoffice.org/22904 Reviewed-by: Andras Timar <andras.timar@collabora.com> Tested-by: Andras Timar <andras.timar@collabora.com>
2016-03-04 10:06:28 -06:00
<h4>Memory consumed</h4>
</div>
</div>
<h2 class="sub-header">Documents opened</h2>
<div class="table-responsive">
<table class="table table-striped">
<thead>
<tr>
<th>PID</th>
<th>Document</th>
<th>Number of views</th>
<th>Memory consumed</th>
</tr>
</thead>
<tbody id="doclist">
</tbody>
</table>
</div>
</div>
</div>
</div>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../../assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="../../dist/bootstrap/js/bootstrap.min.js"></script>
<!-- Just to make our placeholder images work. Don't actually copy the next line! -->
<script src="../../dist/bootstrap/assets/js/vendor/holder.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="../../dist/bootstrap/assets/js/ie10-viewport-bug-workaround.js"></script>
</body>
</html>
Reference in a new issue Copy permalink