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

130 lines
5 KiB
HTML
Raw Normal View History

loleaflet: Basic template for Admin console Work based on bootstrap: http://getbootstrap.com/ License: MIT Change-Id: I6a114e8dd688339c809ff27d97d0065647700971 Reviewed-on: https://gerrit.libreoffice.org/22824 Reviewed-by: Jan Holesovsky <kendy@collabora.com> Reviewed-by: Andras Timar <andras.timar@collabora.com> Tested-by: Andras Timar <andras.timar@collabora.com>
2016-02-26 11:35:34 -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="../../dist/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<link href="../../dist/bootstrap/assets/css/ie10-viewport-bug-workaround.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="../../dist/bootstrap/dashboard.css" rel="stylesheet">
loleaflet: Add support to kill children Additionally, move jquery <script> tags up because we need jquery to add context menu to table rows as soon as page is opened (socket is opened, in this case). Change-Id: Ic6e28486fb96f119e7d41168fc0039265f15a087
2016-03-04 15:34:33 -06:00
<link rel="stylesheet" href="../../dist/dialog/vex.css" />
<link rel="stylesheet" href="../../dist/dialog/vex-theme-plain.css" />
loleaflet: Basic template for Admin console Work based on bootstrap: http://getbootstrap.com/ License: MIT Change-Id: I6a114e8dd688339c809ff27d97d0065647700971 Reviewed-on: https://gerrit.libreoffice.org/22824 Reviewed-by: Jan Holesovsky <kendy@collabora.com> Reviewed-by: Andras Timar <andras.timar@collabora.com> Tested-by: Andras Timar <andras.timar@collabora.com>
2016-02-26 11:35:34 -06:00
<!-- 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>
loleaflet: Add support to kill children Additionally, move jquery <script> tags up because we need jquery to add context menu to table rows as soon as page is opened (socket is opened, in this case). Change-Id: Ic6e28486fb96f119e7d41168fc0039265f15a087
2016-03-04 15:34:33 -06:00
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script>window.jQuery || document.write('<script src="../../dist/bootstrap/assets/js/vendor/jquery.min.js"><\/script>')</script>
<script src="../../dist/dialog/vex.combined.min.js"></script>
loleaflet: Use SSL for admin websockets for docs in debug/ Change-Id: I49495fb68076cc2b7e797f1bc5318dc4b464afa0
2016-03-21 15:12:29 -05:00
<script src="../../dist/admin/admin-src.js"></script>
loleaflet: Add support to kill children Additionally, move jquery <script> tags up because we need jquery to add context menu to table rows as soon as page is opened (socket is opened, in this case). Change-Id: Ic6e28486fb96f119e7d41168fc0039265f15a087
2016-03-04 15:34:33 -06:00
<script>vex.defaultOptions.className = 'vex-theme-plain';</script>
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
<script>
loleaflet: Use SSL for admin websockets for docs in debug/ Change-Id: I49495fb68076cc2b7e797f1bc5318dc4b464afa0
2016-03-21 15:12:29 -05:00
var host = 'wss://' + window.location.host + '/adminws/';
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
new AdminSocketOverview(host);
</script>
loleaflet: Basic template for Admin console Work based on bootstrap: http://getbootstrap.com/ License: MIT Change-Id: I6a114e8dd688339c809ff27d97d0065647700971 Reviewed-on: https://gerrit.libreoffice.org/22824 Reviewed-by: Jan Holesovsky <kendy@collabora.com> Reviewed-by: Andras Timar <andras.timar@collabora.com> Tested-by: Andras Timar <andras.timar@collabora.com>
2016-02-26 11:35:34 -06:00
<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">
loleaflet: Use SSL for admin websockets for docs in debug/ Change-Id: I49495fb68076cc2b7e797f1bc5318dc4b464afa0
2016-03-21 15:12:29 -05:00
<li><a href="admin.html">Dashboard</a></li>
<li><a href="adminSettings.html">Settings</a></li>
loleaflet: Basic template for Admin console Work based on bootstrap: http://getbootstrap.com/ License: MIT Change-Id: I6a114e8dd688339c809ff27d97d0065647700971 Reviewed-on: https://gerrit.libreoffice.org/22824 Reviewed-by: Jan Holesovsky <kendy@collabora.com> Reviewed-by: Andras Timar <andras.timar@collabora.com> Tested-by: Andras Timar <andras.timar@collabora.com>
2016-02-26 11:35:34 -06:00
<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>
loleaflet: Use SSL for admin websockets for docs in debug/ Change-Id: I49495fb68076cc2b7e797f1bc5318dc4b464afa0
2016-03-21 15:12:29 -05:00
<li><a href="adminAnalytics.html">Analytics</a></li>
loleaflet: Basic template for Admin console Work based on bootstrap: http://getbootstrap.com/ License: MIT Change-Id: I6a114e8dd688339c809ff27d97d0065647700971 Reviewed-on: https://gerrit.libreoffice.org/22824 Reviewed-by: Jan Holesovsky <kendy@collabora.com> Reviewed-by: Andras Timar <andras.timar@collabora.com> Tested-by: Andras Timar <andras.timar@collabora.com>
2016-02-26 11:35:34 -06:00
</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>
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
<div class="row placeholders">
<div class="col-xs-6 col-sm-3 placeholder">
<div class="main-data" id="active_users_count">0</div>
<h4>Users online</h4>
</div>
<div class="col-xs-6 col-sm-3 placeholder">
<div class="main-data" id="active_docs_count">0</div>
<h4>Documents opened</h4>
</div>
<div class="col-xs-6 col-sm-3 placeholder">
<div class="main-data" id="total_mem">0</div>
<h4>Memory consumed</h4>
</div>
</div>
loleaflet: Basic template for Admin console Work based on bootstrap: http://getbootstrap.com/ License: MIT Change-Id: I6a114e8dd688339c809ff27d97d0065647700971 Reviewed-on: https://gerrit.libreoffice.org/22824 Reviewed-by: Jan Holesovsky <kendy@collabora.com> Reviewed-by: Andras Timar <andras.timar@collabora.com> Tested-by: Andras Timar <andras.timar@collabora.com>
2016-02-26 11:35:34 -06:00
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
<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>
loleaflet: Basic template for Admin console Work based on bootstrap: http://getbootstrap.com/ License: MIT Change-Id: I6a114e8dd688339c809ff27d97d0065647700971 Reviewed-on: https://gerrit.libreoffice.org/22824 Reviewed-by: Jan Holesovsky <kendy@collabora.com> Reviewed-by: Andras Timar <andras.timar@collabora.com> Tested-by: Andras Timar <andras.timar@collabora.com>
2016-02-26 11:35:34 -06:00
</div>
</div>
loleaflet: Add support to kill children Additionally, move jquery <script> tags up because we need jquery to add context menu to table rows as soon as page is opened (socket is opened, in this case). Change-Id: Ic6e28486fb96f119e7d41168fc0039265f15a087
2016-03-04 15:34:33 -06:00
<div id="rowContextMenu" class="dropdown clearfix">
<ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu" style="display:block;position:static;margin-bottom:5px;">
<li><a tabindex="-1" href="#">Kill</a></li>
</ul>
</div>
loleaflet: Basic template for Admin console Work based on bootstrap: http://getbootstrap.com/ License: MIT Change-Id: I6a114e8dd688339c809ff27d97d0065647700971 Reviewed-on: https://gerrit.libreoffice.org/22824 Reviewed-by: Jan Holesovsky <kendy@collabora.com> Reviewed-by: Andras Timar <andras.timar@collabora.com> Tested-by: Andras Timar <andras.timar@collabora.com>
2016-02-26 11:35:34 -06:00
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<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