|
|
|
@ -22,41 +22,17 @@
|
|
|
|
|
})
|
|
|
|
|
</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 class="left small border" style="width:12%; height:90%">
|
|
|
|
|
<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">
|
|
|
|
@ -81,7 +57,8 @@
|
|
|
|
|
</div>
|
|
|
|
|
<div class="left info">
|
|
|
|
|
|
|
|
|
|
<div class="bold">CPU & Memory Usage Trend for <span id="trend_info" class=""></span>
|
|
|
|
|
<div class="bold" style="height:28px">CPU & Memory Usage Trend for <span id="trend_info" class=""></span>
|
|
|
|
|
<div id="has_anomaly" class="small"><i class="fa fa-warning" ></i> Anomaly Detected</div>
|
|
|
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<div style="height:270px; margin-top:10px">
|
|
|
|
|