dashboarding (preliminary work)

9 years ago · 4ad87852fe
parent af235559bd
commit 4ad87852fe
3 changed files with 23 additions and 8 deletions
--- a/src/api/static/css/default.css
+++ b/src/api/static/css/default.css
@ -16,6 +16,17 @@ body {
 	font-size:22px;
 	margin:4px;
 	padding:4px;
-	height:24px;
+	height:32px;
 	font-family:sans-serif;
+	
+}
+.border-bottom{
+	border-bottom:1px solid #CAD5E0;
+}
+.grid {
+	font-family:helvetica;
+	font-weight:lighter;
+	width:47%;
+	margin:4px;
+	padding:4px;
 }
--- a/src/api/templates/dashboard.html
+++ b/src/api/templates/dashboard.html
@ -1,15 +1,19 @@
 <link type="text/css" rel="stylesheet" href="{{ context }}/static/js/jsgrid/jsgrid.min.css" >
 <link type="text/css" rel="stylesheet" href="{{ context }}/static/js/jsgrid/jsgrid-theme.min.css" >
-<link href="{{ context }}/static/css/default.css" rel="stylesheet">
+<link href="{{context}}/static/css/default.css" rel="stylesheet" type="text/css">
 <script src="{{ context }}/static/js/jquery/jquery.min.js"></script>

 <script src="{{ context }}/static/js/jsgrid/jsgrid.js"></script>
+<script src="{{context}}/static/js/dashboard.js"></script>
+<title>iMonitor</title>

-<title></title>
 <body>
-<div class="caption">
-<div class="left" align="center">Process Monitoring
-	<div class="small">Latest Process Logs</div>
+	<div class="caption border-bottom">
+		<div class="left">Monitoring</div>
+		<div class="right">Trends</div>
 	</div>
+	<div class="grid left">
+		<div align="center">Latest Processes</div>
+		<div id="latest_processes"></div>
 	</div>
 </body>
--- a/src/monitor.pyc
+++ b/src/monitor.pyc