library
/
smart-top
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix ui and api minor bugs

Browse Source
master
Steve L. Nyemba 8 years ago
parent 6619c75e33
commit aed107107b
4 changed files with 43 additions and 36 deletions
Show Stats Download Patch File Download Diff File

35
src/api/index.py
Unescape View File

@ -50,13 +50,37 @@ atexit.register(ThreadManager.stop)
def procs(id): def procs(id):
try: try:
gReader = factory.instance(type=class_read,args=p) gReader = factory.instance(type=class_read,args=p)
d = gReader.read() data = gReader.read()
ahandler = AnomalyDetection()
learn = {}
for row in data['learn'] :
label = row['label']
learn[label] = row
r = {} r = {}
for label in d : for label in data :
if label not in ['learn'] : if label not in ['learn'] :
index = len(d[label]) - 1 index = len(data[label]) - 1
r[label] = d[label][index] row = data[label][index]
r[label] = row
#
# Let us determine if this is a normal operation or not
# We will update the status of the information ...
#
for row in r[label] :
if row['label'] in learn:
id = row['label']
px = ahandler.predict([row],learn[id])
if px :
px = px[0]
row['anomaly'] = px[1]==1
print row
#
# @TODO:
# Compile a report here that will be sent to the mailing list
#
if row['status'] == 'crash' :
print row['label'],' *** ',row['status']
#for row in r[label] : #for row in r[label] :
#yo = ML.Extract(['status'],row) #yo = ML.Extract(['status'],row)
#xo = ML.Extract(['cpu_usage','memory_usage'],row) #xo = ML.Extract(['cpu_usage','memory_usage'],row)
@ -64,6 +88,7 @@ def procs(id):
except Exception, e: except Exception, e:
print e print e
r = [] r = []
return json.dumps(r) return json.dumps(r)
""" """

4
src/api/static/css/default.css
Unescape View File

@ -86,7 +86,7 @@ input[type=text]:focus{
.info { .info {
margin:4px; margin:4px;
width:40%; width:43%;
} }
@ -96,5 +96,5 @@ input[type=text]:focus{
.bad { color:maroon} .bad { color:maroon}
.good{ color:green} .good{ color:green}
.warning{color:orange} .fa-warning, .warning{color:orange}
.number {font-size:42px; font-weight:lighter; padding:2px; margin:2px;} .number {font-size:42px; font-weight:lighter; padding:2px; margin:2px;}

7
src/api/static/js/dashboard.js
Unescape View File

@ -78,7 +78,12 @@ monitor.processes.render = function(label,data) {
var item = args.item var item = args.item
var id = jx.dom.get.value('latest_processes_label') var id = jx.dom.get.value('latest_processes_label')
var app = item.label var app = item.label
monitor.processes.trend.init(id,app) monitor.processes.trend.init(id, app)
if (item.anomaly == true) {
jx.dom.show('has_anomaly')
} else {
jx.dom.hide('has_anomaly')
}
} }
options.autoload = true options.autoload = true

33
src/api/templates/dashboard.html
Unescape View File

@ -22,41 +22,17 @@
}) })
</script> </script>
<body> <body>
<div class="left small border" style="width:15%; height:90%"> <div class="left small border" style="width:12%; 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 id="menu" class="menu"></div>
</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="left info ">
<div class="" style="text-transform:capitalize; "> <div class="" style="text-transform:capitalize; ">
<div class="left bold">Monitoring <div class="left bold">Monitoring
<span id="latest_processes_label" class=""></span> <span id="latest_processes_label" class=""></span>
</div> </div>
<div class="right button border" style="margin-right:15px">Predict</div>
</div> </div>
<div class = "border-right" style="padding:2px; margin:4px; height:170px"> <div class = "border-right" style="padding:2px; margin:4px; height:170px">
@ -81,7 +57,8 @@
</div> </div>
<div class="left info"> <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>
<div style="height:270px; margin-top:10px"> <div style="height:270px; margin-top:10px">

Write Preview
Loading…
Cancel
Save