Forráskód Böngészése

dashboarding (preliminary work)

Steve L. Nyemba 8 éve
szülő
commit
4ad87852fe
3 módosított fájl, 23 hozzáadás és 8 törlés
  1. 12 1
      src/api/static/css/default.css
  2. 11 7
      src/api/templates/dashboard.html
  3. BIN
      src/monitor.pyc

+ 12 - 1
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;
+}

+ 11 - 7
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>
-</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>

BIN
src/monitor.pyc