|
|
@@ -23,7 +23,7 @@
|
|
|
$(document).ready(function(){
|
|
|
monitor.folders.init()
|
|
|
monitor.processes.fetch()
|
|
|
-
|
|
|
+
|
|
|
})
|
|
|
</script>
|
|
|
<body class="">
|
|
|
@@ -35,30 +35,30 @@
|
|
|
<div id="menuframe" class="left small " style="width:10%; height:90%">
|
|
|
<div id="menu" class="menu"></div>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<div class="left info ">
|
|
|
- <div class="shadow border-right" style="margin:4px; margin-top:2%">
|
|
|
+ <div class=" border-right" style="margin:4px; margin-top:2%">
|
|
|
<div class="" style="height:28px; ">
|
|
|
- <div class=" bold">Monitoring
|
|
|
+ <div class=" bold">Monitoring
|
|
|
<span id="latest_processes_label" class="default bold"></span>
|
|
|
</div>
|
|
|
<div class="small">Last Lookup <span id="node_last_lookup"></span></div>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
-
|
|
|
- <div class = "" style="padding:2px; margin:4px; height:170px">
|
|
|
+
|
|
|
+ <div class = "" 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>
|
|
|
- <div id="process_summary" class="simple-gradient shadow grid border-right" style="margin:4px; margin-top:2%">
|
|
|
+ <div id="process_summary" class=" grid border-right" style="margin:4px; margin-top:2%">
|
|
|
<div style="margin:4px; padding:2px; margin-bottom:4px; height:28px">
|
|
|
<div class="bold" style="color:#4682B4">Application Summary By Status</div>
|
|
|
<div class="small">Latest Lookup <span id="app-summary-date"></span></div>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<div class="" style="padding:2px; height:250px; margin:4px; margin-top:10px">
|
|
|
<div class=" " style="height:100%">
|
|
|
<div class="small left" style="margin-left:2%; margin-top:1%">
|
|
|
@@ -72,27 +72,27 @@
|
|
|
</div>
|
|
|
<div id="summary_chart" class="right width-half"></div>
|
|
|
</div>
|
|
|
-
|
|
|
- </div>
|
|
|
+
|
|
|
+ </div>
|
|
|
<div id="summary_details" class="right"></div>
|
|
|
</div>
|
|
|
-
|
|
|
- <div class="shadow simple-gradient grid border-right" style="margin:4px; margin-top:10px;">
|
|
|
+
|
|
|
+ <div class=" grid border-right" style="margin:4px; margin-top:10px;">
|
|
|
<div style="height:28px">
|
|
|
<div class="bold" style="margin:4px; padding:4px; color:#4682B4;">Application Summary By Groups</div>
|
|
|
</div>
|
|
|
<div class="width" id="summary_ranking" style=" margin:4px; padding:2px; text-transform:capitalize"></div>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
<div class="left info">
|
|
|
- <div class="shadow simple-gradient" style="padding:4px; margin-top:2%">
|
|
|
+ <div class="" style="padding:4px; margin-top:2%">
|
|
|
<div class="" style="height:28px">
|
|
|
<div class="small bold">CPU & Memory Usage Trend for <i class="fa fa-quote-left"></i> <span id="trend_info" class="default bold"></span> <i class="fa fa-quote-right"></i></div>
|
|
|
<div class="small">Last Lookup <span id="trend_last_lookup"></span> <i id="has_anomaly" class="fa fa-warning right" ></i></div>
|
|
|
-
|
|
|
+
|
|
|
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
<div style="height:270px; margin-top:4px">
|
|
|
<div id="trends_chart" class="small grid" style="height:250px"></div>
|
|
|
</div>
|
|
|
@@ -101,26 +101,26 @@
|
|
|
<div style="height:28px">
|
|
|
<div id="inspect_sandbox" class="right button border" style="display:none" onclick="monitor.sandbox.init()">Inspect</div>
|
|
|
<div class="bold">Python Virtual Environment Analysis</div>
|
|
|
-
|
|
|
+
|
|
|
<div class="small">Last Lookup <span id="sandbox_date"></span></div>
|
|
|
</div>
|
|
|
-
|
|
|
- <div class="shadow " style="margin-top:10px; height:135px">
|
|
|
+
|
|
|
+ <div class=" " style="margin-top:10px; height:135px">
|
|
|
<div id="sandbox_status" class="">
|
|
|
</div>
|
|
|
<div id="sandbox_pager"></div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div style="margin-top:2%">
|
|
|
- <div id="folder_summary" class="shadow">
|
|
|
+ <div id="folder_summary" class="">
|
|
|
<div style="height:28px">
|
|
|
-
|
|
|
+
|
|
|
<div class="bold">Folder Analysis/Monitoring</div>
|
|
|
<div class="small">Powered By Machine Learning</div>
|
|
|
</div>
|
|
|
<div class="">
|
|
|
<div class=" border-top" style="margin-top:4px; padding:2px; height:34px">
|
|
|
- <i class="fa fa-search left" style="margin:4px; padding:4px; ; color:gray;"></i>
|
|
|
+ <i class="fa fa-search left" style="margin:4px; padding:4px; ; color:gray;"></i>
|
|
|
<input id="folder_search" type="text" class="small left" placeholder="hostname" style="width:87%; padding-left:4px;" onkeyup="monitor.folders.search.init()"/>
|
|
|
<i class="fa fa-trash right action right" style="margin:4px; padding:4px; color:maroon" onclick="monitor.folders.search.reset()"></i>
|
|
|
</div>
|
|
|
@@ -135,50 +135,50 @@
|
|
|
|
|
|
<div id="folder_plan" style="display:none">
|
|
|
<div class="border-bottom" style="height:32px">
|
|
|
- <div class="bold">Deletion/Archiving Plan
|
|
|
+ <div class="bold">Deletion/Archiving Plan
|
|
|
<i class="fa fa-quote-left"></i> <span id="folder_name"></span> <i class="fa fa-quote-right"></i>
|
|
|
<i class="fa fa-angle-up action right bold" style="font-size:16px; margin:4px;" onclick="monitor.folders.show.grid()"></i>
|
|
|
</div>
|
|
|
<div class="small left">Powered By Machine Learning</div>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
|
|
|
<div id="delete_age" class="left width-half border-right" style="margin:2px; padding:2px;">
|
|
|
<div class="small" align="left">By Age</div>
|
|
|
<div class="number" style="height:42px">
|
|
|
-
|
|
|
+
|
|
|
<div id="age_count" align="right" class="left width-75" style="margin-right:4px">00</div>
|
|
|
<div class="small" class="left" style="height:100%; padding-top:15px">Files</div>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
</div>
|
|
|
<div class="small border-top" align="center" style="padding-top:4px">
|
|
|
Approximately <span id="age_value">00</span> <span id="age_units"></span>
|
|
|
</div>
|
|
|
-
|
|
|
+
|
|
|
</div>
|
|
|
<div id="delete_size" class="right width-half" class="number" style="margin:2px; padding:2px">
|
|
|
<div class="small" align="left">By Size</div>
|
|
|
-
|
|
|
+
|
|
|
<div class=" number" style="height:42px">
|
|
|
-
|
|
|
- <div id="size_count" align="right" class="left width-75" style="margin-right:4px">00</div>
|
|
|
- <div class="small" class="left" style="height:100%; padding-top:15px">Files</div>
|
|
|
+
|
|
|
+ <div id="size_count" align="right" class="left width-75" style="margin-right:4px">00</div>
|
|
|
+ <div class="small" class="left" style="height:100%; padding-top:15px">Files</div>
|
|
|
</div>
|
|
|
<div class="small border-top"align="center" style="padding-top:4px">
|
|
|
Approximately <span id="size_value">00</span> <span id="size_units"></span>
|
|
|
</div>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
<div id="chartfolder" ></div>
|
|
|
</div>
|
|
|
-
|
|
|
-
|
|
|
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
</div>
|
|
|
-
|
|
|
-
|
|
|
+
|
|
|
+
|
|
|
</body>
|
Michael Mead