|
@@ -21,10 +21,73 @@
|
|
|
|
|
|
<!-- Fonts and icons -->
|
|
<!-- Fonts and icons -->
|
|
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
|
|
<link href="http://maxcdn.bootstrapcdn.com/font-awesome/latest/css/font-awesome.min.css" rel="stylesheet">
|
|
- <link href='https://fonts.googleapis.com/css?family=Muli:400,300' rel='stylesheet' type='text/css'>
|
|
|
|
|
|
+ <!--
|
|
|
|
+ <link href='https://fonts.googleapis.com/css?family=Muli:400,300' rel='stylesheet' type='text/css'>
|
|
|
|
+ -->
|
|
<link href="{{context}}/static/css/themify-icons.css" rel="stylesheet">
|
|
<link href="{{context}}/static/css/themify-icons.css" rel="stylesheet">
|
|
|
|
+ <!-- Core JS Files -->
|
|
|
|
+ <script src="{{context}}/static/js/jquery-1.10.2.js" type="text/javascript"></script>
|
|
|
|
+ <script src="{{context}}/static/js/bootstrap.min.js" type="text/javascript"></script>
|
|
|
|
+
|
|
|
|
+ <!-- Checkbox, Radio & Switch Plugins -->
|
|
|
|
+ <script src="{{context}}/static/js/bootstrap-checkbox-radio.js"></script>
|
|
|
|
+
|
|
|
|
+ <!-- Charts Plugin -->
|
|
|
|
+ <script src="{{context}}/static/js/chartist.min.js"></script>
|
|
|
|
|
|
|
|
+ <!-- Notifications Plugin -->
|
|
|
|
+ <script src="{{context}}/static/js/bootstrap-notify.js"></script>
|
|
|
|
+
|
|
|
|
+ <!-- Google Maps Plugin
|
|
|
|
+ <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js"></script>
|
|
|
|
+ -->
|
|
|
|
+ <!-- Paper Dashboard Core javascript and methods for Demo purpose -->
|
|
|
|
+ <!-- <script src="{{context}}/static/js/dash.js"></script> -->
|
|
|
|
+ <script src="{{context}}/static/js/default.js"></script>
|
|
|
|
+
|
|
|
|
+ <!-- Paper Dashboard DEMO methods, don't include it in your project! -->
|
|
|
|
+ <script src="{{context}}/static/js/dashboard.js"></script>
|
|
|
|
+ <script src="{{context}}/static/js/jx/dom.js"></script>
|
|
|
|
+ <script src="{{context}}/static/js/jx/rpc.js"></script>
|
|
|
|
+ <script src="{{context}}/static/js/jx/utils.js"></script>
|
|
|
|
+ <script type="text/javascript">
|
|
|
|
+ var URI_CONTEXT="{{context}}"
|
|
|
|
+ $(document).ready(function(){
|
|
|
|
+
|
|
|
|
+ var lobservers = [
|
|
|
|
+ g.summary.factory('/1/get/summary/app_resources',function(r){
|
|
|
|
+
|
|
|
|
+ //r = JSON.parse(r.responseText)
|
|
|
|
+ jx.dom.set.value('total_cpu',r.cpu_usage)
|
|
|
|
+ jx.dom.set.value('total_mem',r.memory_usage)
|
|
|
|
+ jx.dom.set.value('mem_units',r.units)
|
|
|
|
+
|
|
|
|
+ }),
|
|
|
|
+ g.summary.factory('/1/get/summary/folder_size',function(r){
|
|
|
|
+ //console.log(r.responseText)
|
|
|
|
+ //r = JSON.parse(r.responseText)
|
|
|
|
+ if (r.length == 0){
|
|
|
|
+ r.size = "0.0"
|
|
|
|
+ r.units = 'MB'
|
|
|
|
+ }
|
|
|
|
+ jx.dom.set.value('total_folder_size',r.size)
|
|
|
|
+ jx.dom.set.value('folder_units',r.units)
|
|
|
|
+ }),
|
|
|
|
+ g.summary.factory('/1/get/summary/app_status',function(r){
|
|
|
|
+
|
|
|
|
+ jx.dom.set.value('total_app_crashes',r.crash)
|
|
|
|
+ })
|
|
|
|
+ ]
|
|
|
|
+
|
|
|
|
+ jx.utils.patterns.observer(lobservers,"init")
|
|
|
|
+ //dashboard.initChartist();
|
|
|
|
+
|
|
|
|
+ });
|
|
|
|
+ </script>
|
|
</head>
|
|
</head>
|
|
|
|
+
|
|
|
|
+
|
|
|
|
+
|
|
<body>
|
|
<body>
|
|
|
|
|
|
<div class="wrapper">
|
|
<div class="wrapper">
|
|
@@ -93,11 +156,10 @@
|
|
<b class="caret"></b>
|
|
<b class="caret"></b>
|
|
</a>
|
|
</a>
|
|
<ul class="dropdown-menu">
|
|
<ul class="dropdown-menu">
|
|
- <li><a href="#">apps@osx</a></li>
|
|
|
|
- <li><a href="#">server 2</a></li>
|
|
|
|
- <li><a href="#">server 3</a></li>
|
|
|
|
- <li><a href="#">server 4</a></li>
|
|
|
|
- <li><a href="#">server 5</a></li>
|
|
|
|
|
|
+ {% for name in app_names %}
|
|
|
|
+ <li><a href="#">{{name|safe}}</a></li>
|
|
|
|
+
|
|
|
|
+ {% endfor %}
|
|
</ul>
|
|
</ul>
|
|
</li>
|
|
</li>
|
|
<li>
|
|
<li>
|
|
@@ -123,13 +185,17 @@
|
|
<div class="col-xs-5">
|
|
<div class="col-xs-5">
|
|
<div class="icon-big icon-warning text-center">
|
|
<div class="icon-big icon-warning text-center">
|
|
<i class="ti-dashboard"></i>
|
|
<i class="ti-dashboard"></i>
|
|
|
|
+ <div class="small">Total CPU</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-7">
|
|
<div class="col-xs-7">
|
|
|
|
+
|
|
<div class="numbers">
|
|
<div class="numbers">
|
|
- <p>Total CPU</p>
|
|
|
|
-
|
|
|
|
|
|
+
|
|
|
|
+ <div id="total_cpu" align="center">00</div>
|
|
|
|
+ <div class="small" align="right">Percent</div>
|
|
</div>
|
|
</div>
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer">
|
|
<div class="footer">
|
|
@@ -147,12 +213,15 @@
|
|
<div class="row">
|
|
<div class="row">
|
|
<div class="col-xs-5">
|
|
<div class="col-xs-5">
|
|
<div class="icon-big icon-success text-center">
|
|
<div class="icon-big icon-success text-center">
|
|
- <i class="ti-harddrive"></i>
|
|
|
|
|
|
+ <i class="fa fa-microchip"></i>
|
|
|
|
+ <div class="small">Mem. Used</div>
|
|
|
|
+
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-7">
|
|
<div class="col-xs-7">
|
|
<div class="numbers">
|
|
<div class="numbers">
|
|
- <p>Total memory used %</p>
|
|
|
|
|
|
+ <div id="total_mem"></div>
|
|
|
|
+ <div class="small" id="mem_units" align="right"></div>
|
|
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -172,12 +241,13 @@
|
|
<div class="row">
|
|
<div class="row">
|
|
<div class="col-xs-5">
|
|
<div class="col-xs-5">
|
|
<div class="icon-big icon-danger text-center">
|
|
<div class="icon-big icon-danger text-center">
|
|
- <i class="ti-pulse"></i>
|
|
|
|
|
|
+ <i class="fa fa-warning"></i>
|
|
|
|
+ <div class="small" align="center">Crashes</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-7">
|
|
<div class="col-xs-7">
|
|
<div class="numbers">
|
|
<div class="numbers">
|
|
- <p>Errors</p>
|
|
|
|
|
|
+ <div id="total_app_crashes"></div>
|
|
<!-- show errors API. Crashed? -->
|
|
<!-- show errors API. Crashed? -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -198,11 +268,13 @@
|
|
<div class="col-xs-5">
|
|
<div class="col-xs-5">
|
|
<div class="icon-big icon-info text-center">
|
|
<div class="icon-big icon-info text-center">
|
|
<i class="ti-folder"></i>
|
|
<i class="ti-folder"></i>
|
|
|
|
+ <div class="small">Folders</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-xs-7">
|
|
<div class="col-xs-7">
|
|
<div class="numbers">
|
|
<div class="numbers">
|
|
- <p>Folder Analysis</p>
|
|
|
|
|
|
+ <div id="total_folder_size" align="center"></div>
|
|
|
|
+ <div class="small" align="center" id="folder_units"></div>
|
|
<!-- Folder Analysis API here. -->
|
|
<!-- Folder Analysis API here. -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@@ -318,35 +390,6 @@
|
|
|
|
|
|
</body>
|
|
</body>
|
|
|
|
|
|
- <!-- Core JS Files -->
|
|
|
|
- <script src="{{context}}/static/js/jquery-1.10.2.js" type="text/javascript"></script>
|
|
|
|
- <script src="{{context}}/static/js/bootstrap.min.js" type="text/javascript"></script>
|
|
|
|
-
|
|
|
|
- <!-- Checkbox, Radio & Switch Plugins -->
|
|
|
|
- <script src="{{context}}/static/js/bootstrap-checkbox-radio.js"></script>
|
|
|
|
-
|
|
|
|
- <!-- Charts Plugin -->
|
|
|
|
- <script src="{{context}}/static/js/chartist.min.js"></script>
|
|
|
|
-
|
|
|
|
- <!-- Notifications Plugin -->
|
|
|
|
- <script src="{{context}}/static/js/bootstrap-notify.js"></script>
|
|
|
|
-
|
|
|
|
- <!-- Google Maps Plugin -->
|
|
|
|
- <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js"></script>
|
|
|
|
-
|
|
|
|
- <!-- Paper Dashboard Core javascript and methods for Demo purpose -->
|
|
|
|
- <!-- <script src="{{context}}/static/js/dash.js"></script> -->
|
|
|
|
- <script src="{{context}}/static/js/default.js"></script>
|
|
|
|
-
|
|
|
|
- <!-- Paper Dashboard DEMO methods, don't include it in your project! -->
|
|
|
|
- <script src="{{context}}/static/js/dashboard.js"></script>
|
|
|
|
-
|
|
|
|
- <script type="text/javascript">
|
|
|
|
- $(document).ready(function(){
|
|
|
|
-
|
|
|
|
- dashboard.initChartist();
|
|
|
|
-
|
|
|
|
- });
|
|
|
|
- </script>
|
|
|
|
|
|
+
|
|
|
|
|
|
</html>
|
|
</html>
|