code
/
smart-top
zrkadlo https://dev.the-phi.com/git/library/smart-top


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112
							<meta charset="UTF-8">
<meta http-equiv="cache-control" content="no-cache">
<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1">
<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" type="text/css">
<link href="{{context}}/static/css/fa/css/font-awesome.min.css" rel="stylesheet" type="text/css">

<script src="{{ context }}/static/js/jquery/jquery.min.js"></script>
<script src="{{context}}/static/js/chart.js/chart.bundle.js"></script>

<script src="{{context}}/static/js/jx/rpc.js"></script>
<script src="{{context}}/static/js/jx/dom.js"></script>
<script src="{{context}}/static/js/jx/utils.js"></script>
<script src="{{ context }}/static/js/jsgrid/jsgrid.js"></script>
<script src="{{context}}/static/js/colors.js"></script>
<script src="{{context}}/static/js/dashboard.js"></script>
<title>iMonitor</title>
<script>
	$(document).ready(function(){
		monitor.processes.fetch()
	})
</script>
<body>
	<div class="left small border" style="width:15%; height:90%">
		<div class="menu">
			<div class="menu-item"><i class="fa fa-chevron-right"></i> Predictions</div>
		</div>
		<div id="menu" class="menu"></div>
	</div>
	<div class="left" style="padding:4px; width:80%; height:200px">
		<div>
			<div class="bold">Process Predictions</div>
			<div class="small">Anomaly Detection</div>
		</div>
		<div class="left border" style="width:73%; height:85%"></div>
		<div class="right" style="width:25%; padding:4px" align="center">
			<div class="border" style="width:100%; height:40%;margin-bottom:4px;">
				<div class="number">00</div>
				<div class="small">F-Score</div>
			</div>
			<div class="left border width-half" style="height:40%;">
				<div class="number">00</div>
				<div class="small">Recall</div>
			</div>
			<div class="right border width-half" style="height:40%;">
				<div class="number">00</div>
				<div class="small">Precision</div>
			</div>

		</div>
	</div>
	<div class="left info ">
		
		<div class="" style="text-transform:capitalize; ">
			<div class="left bold">Monitoring 
			<span id="latest_processes_label" class=""></span>
			</div>
			<div class="right button border" style="margin-right:15px">Predict</div>		
		</div>
		
		<div class = "border-right" style="padding:2px; margin:4px; height:170px">	
			<div id="latest_processes" class="grid" ></div>
		</div>
		<div style="height:22px; padding:2px" class="small">
			<div id="latest_process_pager" align="center"></div>
		</div>
		<div id="process_summary" class="grid border-right" style="margin:4px">
			<div class="bold" style="margin:4px; padding:4px">Global Process Summary By Status</div>
			
			<div class=""  style="height:120px; margin:4px">
				<div id="summary_chart" class="right"></div>
			</div> 
			<div id="summary_details" class="right"></div>
		</div>
		
		<div class="grid border-right" style="margin:4px; margin-top:10px">
			<div class="bold" style="margin:4px; padding:4px">Global Process Summary By Groups</div>
			<div class="width" id="summary_ranking" style="margin:4px; padding:2px; text-transform:capitalize"></div>
		</div>
	</div>	
	<div class="left info">
		
		<div class="bold">CPU & Memory Usage Trend for <span id="trend_info" class=""></span>
		</div>
		
		<div style="height:270px; margin-top:10px">
			<div id="trends_chart" class="small grid" style="height:250px"></div>
		</div>
		<div class="border-top" style="padding:4px;">
			<div style="height:48px">
			<b>Python Virtual Environment Analysis</b>
			<div id="inspect_sandbox" class="right button border" style="display:none" onclick="monitor.sandbox.init()">Inspect</div>
				<div class="small">Last Lookup <span id="sandbox_date"></span></div>
			</div>
						
			<div class="" style="margin-top:10px">
				<div id="sandbox_status" class="grid">
				</div>
				<div id="sandbox_pager"></div>
			</div>
			<div>
				<div class="bold">Java Management eXtension Container</div>
				<div class="small">This applies to Tomcat, Tomee and derived products</div>
			</div>
		</div>

		
	</div>
	
	
</body>