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                         console.log(result);
  17                         for (var r in result) {
  18                                 html = '<div class="col-xs-6 col-sm-4 col-md-3 s-monitor"><div class="row">';
  19                                 html += '<div class="col-md-2"><img src="{{ STATIC_URL }}icons/'+result[r].status+'.png"></div>';
  20                                 html += '<div class="col-md-8">';
  21                                 html += '<h4>'+result[r].name+'<h4>';
  22                                 html += '<span class="subtitle">'+result[r].type+'</span>';
  23                                 if (typeof(result[r].version) != 'undefined')
  24                                         html += ' <span class="version">version '+result[r].version+'</span>';
  25                                 html += '</div></div></div>';
  26                                 $('div#monitor-services').append(html);
  27                         }
  28                 });
  29         });
  30 </script>