X-Git-Url: http://git.onelab.eu/?a=blobdiff_plain;f=portal%2Ftemplates%2F_widget-monitor.html;fp=portal%2Ftemplates%2F_widget-monitor.html;h=cb7af4fccebf06a8b49e40e4563ea0c0f9953f7a;hb=e45ccc4c4c327a81cc6a001ceff0655358ea09c5;hp=0000000000000000000000000000000000000000;hpb=e494918d8e6d9dab21b9ff30c3c2db2157dc0a20;p=myslice.git

diff --git a/portal/templates/_widget-monitor.html b/portal/templates/_widget-monitor.html
new file mode 100644
index 00000000..cb7af4fc
--- /dev/null
+++ b/portal/templates/_widget-monitor.html
@@ -0,0 +1,29 @@
+<div class="monitor">
+<div class="container">
+    <div class="row">
+        <div class="col-md-12">
+        	<h1>Services Status</h1>
+        </div>
+    </div>
+ 
+	<div class="row" id="monitor-services">
+	</div>
+</div>
+</div>
+<script>
+	$(document).ready(function() {
+		$.get('/monitor/services', function(result) {
+			for (var r in result) {
+				html = '<div class="col-xs-6 col-sm-4 col-md-3 s-monitor"><div class="row">';
+				html += '<div class="col-md-2"><img src="{{ STATIC_URL }}icons/'+result[r].status+'.png"></div>';
+				html += '<div class="col-md-8">';
+				html += '<h4>'+result[r].name+'<h4>';
+				html += '<span class="subtitle">'+result[r].type+'</span>';
+				if (typeof(result[r].version) != 'undefined')
+					html += ' <span class="version">version '+result[r].version+'</span>';
+				html += '</div></div></div>';
+				$('div#monitor-services').append(html);
+			}
+		});
+	});
+</script>