portal/templates/_widget-monitor.html

   1 <div class="monitor">
   2 <div class="container">
   3     <div class="row">
   4         <div class="col-md-12">
   5                 <h1>Services Status</h1>
   6         </div>
   7     </div>
   8
   9         <div class="row" id="monitor-services">
  10         </div>
  11 </div>
  12 </div>
  13 <script>
  14         $(document).ready(function() {
  15                 $.get('/monitor/services', function(result) {
  16                         for (var r in result) {
  17                 if(r == 'error'){
  18                     html = '<div style="padding-left:20px;">no monitoring available</div>'
  19                 }else{
  20                                     html = '<div class="col-xs-6 col-sm-4 col-md-3 s-monitor"><div class="row">';
  21                                     html += '<div class="col-md-2"><img src="{{ STATIC_URL }}icons/'+result[r].status+'.png"></div>';
  22                                     html += '<div class="col-md-8">';
  23                                     html += '<h4>'+result[r].name+'<h4>';
  24                                     html += '<span class="subtitle">'+result[r].type+'</span>';
  25                                     if (typeof(result[r].version) != 'undefined')
  26                                         html += ' <span class="version">version '+result[r].version+'</span>';
  27                                     html += '</div></div></div>';
  28                 }
  29                                 $('div#monitor-services').append(html);
  30                         }
  31                 });
  32         });
  33 </script>