prometheus-splash 0.8.0 → 0.8.5

data/lib/splash/webadmin/portal/views/commands.slim

@@ -1,14 +1,49 @@
-h2 <i class="uk-icon-#{@menu_icons[@current_item]} uk-icon-medium "></i>&nbsp;&nbsp;Commands configured in Splash
+h2.uk-text-success <i class="uk-icon-#{@menu_icons[@current_item]} uk-icon-medium "></i>&nbsp;&nbsp;Commands configured in Splash
+
+- unless @log_saved.nil?
+  javascript:
+    UIkit.notify("Command definition #{@command_saved} saved", {status:'success'});
+- unless @log_failed.nil?
+  javascript:
+    UIkit.notify("Command definition #{@command_saved} not saved", {status:'danger'});
+
+javascript:
+  $(document).on( 'click','input.delete-command',function(){
+    var id = this.id;
+    var url = "/api/config/deletecommand/" +  id + ".json";
+    UIkit.modal.confirm('Are you sure?', function(){
+      console.debug(url)
+      $.ajax({
+        url: url,
+        type: 'DELETE',
+        success: function( data ) {
+          console.debug(data)
+          if (data['status'] == 'success') {
+            $('div#commandrecords h3#' + id).remove();
+            $('div#commandrecords div#' + id).remove();
+            UIkit.notify("Deleting log for " + id + " done", {status:'success'});
+          }
+          else
+          {
+            UIkit.notify("Deleting log for " + id + " failed !", {status:'danger'});
+          }
+        },
+        error: function(e) {
+          UIkit.notify("Deleting log for " + id + " failed !", {status:'danger'});
+        }
+      });
+    });
+  });
 
 div.uk-width-medium-1-1
   div.uk-panel.uk-panel-box
     span.uk-text-large.uk-text-bold List of commands availables
     br
 
-    div.uk-accordion(data-uk-accordion)
-      - @data.each do |command,content|
-        h3.uk-accordion-title <b>Name</b> : #{command}
-        div.uk-accordion-content
+    div#commandrecords.uk-accordion(data-uk-accordion)
+      - @data.reverse.each do |command|
+        h3.uk-accordion-title id="#{command[:name].to_s}" <i class="uk-icon-play-circle-o"></i>&nbsp;<b>Name</b> : #{command[:name]}
+        div.uk-accordion-content id="#{command[:name].to_s} "
           table.uk-table.uk-table-hover.uk-table-striped
             thead
               tr
@@ -19,31 +54,46 @@ div.uk-width-medium-1-1
                 td
                   dl.uk-description-list-horizontal
                     dt <i class="uk-icon-th-list"></i>&nbsp;Description
-                    dd #{content[:desc]}
-                    - if content[:command]
+                    dd #{command[:desc]}
+                    - if command[:command]
                       dt <i class="uk-icon-cog"></i>&nbsp;Command Line
-                      dd #{content[:command]}
-                    - if content[:schedule]
+                      - if command[:delegate_to]
+                        dd.uk-text-danger #{command[:command]} <i>(ignored because delegate_to is set)</i>
+                      - else
+                        dd #{command[:command]}
+                    - if command[:schedule]
                       dt <i class="uk-icon-calendar"></i>&nbsp;Schedule
                       dd
                         <ul>
-                          <li> <b><i>Type</b></i> : #{content[:schedule].keys.first}</li>
-                          <li> <b><i>Value</b></i> : #{content[:schedule].values.first}</li>
+                          <li> <b><i>Type</b></i> : #{command[:schedule].keys.first}</li>
+                          <li> <b><i>Value</b></i> : #{command[:schedule].values.first}</li>
                         </ul>
-                    - if content[:on_success]
+                    - if command[:on_success]
                       dt <i class="uk-icon-check"></i>&nbsp;Execute on success
-                      dd #{content[:on_success]}
-                    - if content[:on_failure]
+                      dd #{command[:on_success]}
+                    - if command[:on_failure]
                       dt <i class="uk-icon-bolt"></i>&nbsp;Execute on failure
-                      dd #{content[:on_failure]}
-                    - if content[:user]
+                      dd #{command[:on_failure]}
+                    - if command[:user]
                       dt <i class="uk-icon-user"></i>&nbsp;become user
-                      dd #{content[:user]}
-                    - if content[:delegate_to]
+                      dd #{command[:user]}
+                    - if command[:delegate_to]
                       dt <i class="uk-icon-chevron-circle-right"></i>&nbsp;Remote delegation
                       dd
                         <ul>
-                          <li> <i><b>Host</b></i> : #{content[:delegate_to][:host]}</li>
-                          <li> <b><i>Remote Command</b></i> : #{content[:delegate_to][:remote_command]}</li>
+                          <li> <i><b>Host</b></i> : #{command[:delegate_to][:host]}</li>
+                          <li> <b><i>Remote Command</b></i> : #{command[:delegate_to][:remote_command]}</li>
                         </ul>
+                    - if command[:retention].class == Hash
+                      dt <i class="uk-icon-calendar-minus-o"></i>&nbsp;History retention
+                      dd #{command[:retention].flatten.reverse.join(' ')}
                 td
+                  input.delete-command.uk-button.uk-button-mini.uk-button-danger id="#{command[:name].to_s}" value="Delete"
+                  br
+                  input.modify-process.uk-button.uk-button-mini.uk-button-primary id="#{command[:name].to_s}" value="Modify" onclick="location.href='/add_modify_command/#{command[:name].to_s}';"
+                  br
+                  input.history-command.uk-button.uk-button-mini.uk-button-primary id="#{command[:name].to_s}" value="History" onclick="location.href='/get_command_history/#{command[:name].to_s}';"
+  div.uk-align-right
+    form.uk-form.uk-form-horizontal#query action="/add_modify_command" method="GET"
+      div &nbsp;
+      input.add-process.uk-button type="submit" value="Add new process"

data/lib/splash/webadmin/portal/views/documentation.slim

@@ -1,3 +1,3 @@
-h2 <i class="uk-icon-#{@menu_icons[@current_item]} uk-icon-medkit "></i>&nbsp;&nbsp;Splash Documentation
+h2.uk-text-success <i class="uk-icon-#{@menu_icons[@current_item]} uk-icon-medkit "></i>&nbsp;&nbsp;Splash Documentation
 div
   == "#{@data}"

data/lib/splash/webadmin/portal/views/home.slim

@@ -30,30 +30,29 @@ javascript:
 div.uk-grid
   div.uk-width-medium-1-1
     div.uk-panel.uk-panel-box
-      div.uk-text-large.uk-text-bold <i class="uk-icon-cogs uk-icon-justify uk-icon-large"></i>&nbsp;&nbsp;Splash Daemon status
-      table.uk-table
-        tr
-          td
-            b Actions :
-            div.uk-button-group
-              - if @status == false
-                button.uk-button(id="start" disabled): i.uk-icon-play
-                button.uk-button(id="stop"): i.uk-icon-stop
-              - else
-                button.uk-button(id="start"): i.uk-icon-play
-                button.uk-button(id="stop" disabled): i.uk-icon-stop
-          td
-            b Status :
+      div.uk-grid
+        div.uk-width-1-3.uk-text-large.uk-text-bold.uk-text-success <i class="uk-icon-cogs uk-icon-justify uk-icon-large"></i>&nbsp;&nbsp;Splash Daemon status
+        div.uk-width-1-3
+          b Actions :
+          div.uk-button-group
             - if @status == false
-              div.uk-badge.uk-badge-success.uk-badge-notifications(id="daemon") ON
+              button.uk-button(id="start" disabled): i.uk-icon-play
+              button.uk-button(id="stop"): i.uk-icon-stop
             - else
-              div.uk-badge.uk-badge-danger.uk-badge-notifications(id="daemon") OFF
+              button.uk-button(id="start"): i.uk-icon-play
+              button.uk-button(id="stop" disabled): i.uk-icon-stop
+        div.uk-width-1-3
+          b Status :
+          - if @status == false
+            div.uk-badge.uk-badge-success.uk-badge-notifications(id="daemon") ON
+          - else
+            div.uk-badge.uk-badge-danger.uk-badge-notifications(id="daemon") OFF
 
 
 div.uk-grid
   div.uk-width-medium-1-2
     div.uk-panel.uk-panel-box
-      span.uk-text-large.uk-text-bold Global Configuration
+      span.uk-text-large.uk-text-bold.uk-text-success Global Configuration
       br
       span.uk-text-bold <i>Logger and display</i> :
       ul
@@ -68,7 +67,7 @@ div.uk-grid
 
   div.uk-width-medium-1-2
     div.uk-panel.uk-panel-box
-      span.uk-text-large.uk-text-bold Transport and Backend
+      span.uk-text-large.uk-text-bold.uk-text-success Transport and Backend
       br
       span.uk-text-bold <i>Backend</i> :
       ul
@@ -94,7 +93,7 @@ div.uk-grid
 div.uk-grid
   div.uk-width-medium-1-2
     div.uk-panel.uk-panel-box
-      span.uk-text-large.uk-text-bold Daemon
+      span.uk-text-large.uk-text-bold.uk-text-success Daemon
       br
       ul
         li <b>Logs monitoring scheduling: </b> #{@data[:daemon_logmon_scheduling]}
@@ -110,7 +109,7 @@ div.uk-grid
 
   div.uk-width-medium-1-2
     div.uk-panel.uk-panel-box
-      span.uk-text-large.uk-text-bold Web UI
+      span.uk-text-large.uk-text-bold.uk-text-success Web UI
       br
       span.uk-text-bold <i>Webadmin</i> :
       ul

data/lib/splash/webadmin/portal/views/layout.slim

@@ -11,8 +11,7 @@ html lang="fr-fr" dir="ltr"
     link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.5/css/uikit.gradient.min.css" integrity="sha512-Vjr6Vz5D/gNvTBfQW581ssADQr1j8fAOU0seE2SxO8UvsCBZBoFQS9Lec3hkmZbpcYnsifkBtdQaHU4x6MylGw==" crossorigin="anonymous"
     link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.5/css/components/sticky.gradient.css" integrity="sha512-BY0A+4FEGeikNxmo9Q30BZMGRDykKHScJlOSeGq0uq+ylGDJD3zAApnktyKv9tzira1p0ow+B7VqIlRR2CBWoA==" crossorigin="anonymous"
     link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.5/css/components/accordion.gradient.min.css" integrity="sha512-Cfd5PRktfT5WA1yUJbYkzjEHvT+9KzqPP1Z1OJud3CFUrkoAc6iIWawoMqPFmtvmxxDNV5RAHfe5DCISV+Gd9A==" crossorigin="anonymous"
-
-
+    link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.5/css/components/notify.gradient.min.css" integrity="sha512-HOJctZ/0ww0jFHLHNlNODVEwKf1QxiDKyt3TQZRYZl7e7QSi6whfokIvuMJRoUwykB1SXW4eBeK6MecW4TWFFA==" crossorigin="anonymous"
 
     link rel="stylesheet" href="/css/ultragreen.css"
 
@@ -20,6 +19,7 @@ html lang="fr-fr" dir="ltr"
     script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.5/js/uikit.min.js" integrity="sha512-KI08ZutCgdasDMwp5rPKd9nF8r+eAy/bZH3Rjova6HfkDv1W7J72sNW+K++KvMp3HL7z0cCykV9vixJACHeCew==" crossorigin="anonymous"
     script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.5/js/components/sticky.min.js" integrity="sha512-B21PoHN5PsI7sU3cUcNbitUsXp6Zzp81ZDlKJr1xRXwEh3WSftRmgSOgRYxB8h/SlgW+jazkmOXerT33NB7jGA==" crossorigin="anonymous"
     script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.5/js/components/accordion.min.js" integrity="sha512-7UmYoHJ9tTZiNqlBuUgnr2l82TmZxhiOVXIjiMVP/hPFQJopjEBfVEFPjNdv97OX8K/FIZ4kAXSE+SRTfUkPMg==" crossorigin="anonymous"
+    script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/2.27.5/js/components/notify.min.js" integrity="sha512-gaUF+WYo5jZ2OjLCBfhz+4NAtt0YHDtcxulSv6/+1xDP9QysfsqljFadHN6sWkLvyXzKtQ7efofABRJfWOVwtw==" crossorigin="anonymous"
 
 
   body

data/lib/splash/webadmin/portal/views/log_form.slim

@@ -0,0 +1,27 @@
+- unless @data.empty?
+  h2.uk-text-success <i class="uk-icon-#{@menu_icons[@current_item]} uk-icon-medium "></i>&nbsp;&nbsp;Modify Splash log monitoring : #{@data[:label]}
+- else
+  h2.uk-text-success <i class="uk-icon-#{@menu_icons[@current_item]} uk-icon-medium "></i>&nbsp;&nbsp;Add new Splash log monitoring
+
+script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/jquery.validate.min.js"
+
+form.uk-form.uk-form-horizontal#query action="/save_log" method="POST"
+  label.uk-form-label for="label" Label
+  <input class="uk-form-width-large" id="label" type="text" placeholder="label" name="label" value="#{@data[:label].to_s}" required>
+  div &nbsp;
+  label.uk-form-label for="pattern" Pattern
+  <input class="uk-form-width-large" id="pattern" type="text" placeholder="pattern" name="pattern" value="#{@data[:pattern]}" required>
+    div &nbsp;
+  label.uk-form-label for="log" Log file
+  <input class="uk-form-width-large" id="log" type="text" placeholder="log" name="log" value="#{@data[:log]}" required>
+  div &nbsp;
+  label.uk-form-label for="retention" Retention (Like "2 hours, 2 days")
+  <input class="uk-form-width-large" id="retention" type="text" placeholder="retention" name="retention" value="#{@data[:retention]}">
+  div &nbsp;
+  - unless @data.empty?
+    input type="hidden" name="update" value="true"
+    input type="hidden" name="old_label" value="#{@data[:old_label].to_s}"
+  div.uk-align-right
+    input.uk-button.uk-button-small-primary type="submit" value="Submit"
+javascript:
+  $("#query").validate();

data/lib/splash/webadmin/portal/views/log_history.slim

@@ -0,0 +1,24 @@
+h2.uk-text-success <i class="uk-icon-#{@menu_icons[@current_item]} uk-icon-medium "></i>&nbsp;&nbsp;History for log #{@label} monitoring
+
+
+-
+div.uk-width-medium-1-1
+  div.uk-panel.uk-panel-box
+    span.uk-text-large.uk-text-bold List of records
+    br
+    table#logrecords.uk-table.uk-table-hover.uk-table-striped
+      thead
+        tr
+          th Date
+          th File
+          th Status
+          th Nb Errors
+          th Full Nb of lines
+      tbody
+        - @data.reverse.each do |key|
+          tr class="#{(key[key.keys.first][:status] == :clean)? 'uk-text-success' : 'uk-text-danger'}"
+            td  #{key.keys.first}
+            td  #{key[key.keys.first][:file]}
+            td  #{key[key.keys.first][:status]}
+            td  #{key[key.keys.first][:errors]}
+            td  #{key[key.keys.first][:lines]}

data/lib/splash/webadmin/portal/views/logs.slim

@@ -1,32 +1,106 @@
-h2 <i class="uk-icon-#{@menu_icons[@current_item]} uk-icon-medium "></i>&nbsp;&nbsp;Logs configured in Splash
+h2.uk-text-success <i class="uk-icon-#{@menu_icons[@current_item]} uk-icon-medium "></i>&nbsp;&nbsp;Logs configured in Splash
+
+
+- unless @log_saved.nil?
+  javascript:
+    UIkit.notify("Log record #{@log_saved} saved", {status:'success'});
+- unless @log_failed.nil?
+  javascript:
+    UIkit.notify("Log record #{@log_saved} not saved", {status:'danger'});
+
+
+javascript:
+  $(document).on( 'click','input.delete-log',function(){
+    var id = this.id;
+    var url = "/api/config/deletelog/" +  id + ".json";
+    UIkit.modal.confirm('Are you sure?', function(){
+      console.debug(url)
+      $.ajax({
+        url: url,
+        type: 'DELETE',
+        success: function( data ) {
+          console.debug(data)
+          if (data['status'] == 'success') {
+            $('table#logrecords tr#' + id).remove();
+            UIkit.notify("Deleting log for " + id + " done", {status:'success'});
+          }
+          else
+          {
+            UIkit.notify("Deleting log for " + id + " failed !", {status:'danger'});
+          }
+        },
+        error: function(e) {
+          UIkit.notify("Deleting log for " + id + " failed !", {status:'danger'});
+        }
+      });
+    });
+  });
+
+  $(document).on( 'click','input.monitor-log',function(){
+    var url = "/api/logs/monitor.json";
+    UIkit.modal.confirm('Are you sure?', function(){
+      console.debug(url)
+      $.ajax({
+        url: url,
+        type: 'POST',
+        success: function( data ) {
+          console.debug(data)
+          if (data['status'] == 'success') {
+            UIkit.notify("Forced monitoring done", {status:'success'});
+          }
+          else
+          {
+            UIkit.notify("Forced monitoring failed !", {status:'danger'});
+          }
+        },
+        error: function(e) {
+          UIkit.notify("Forced monitoring failed !", {status:'danger'});
+        }
+      });
+    });
+  });
 
 div.uk-width-medium-1-1
   div.uk-panel.uk-panel-box
     span.uk-text-large.uk-text-bold List of logs monitored
     br
-    table.uk-table.uk-table-hover.uk-table-striped
+    table#logrecords.uk-table.uk-table-hover.uk-table-striped
       thead
         tr
           th Log record label
           th Definition
           th Status
-        tbody
-          - @data.each do |log|
-            tr
-              td <b>Label</b> : #{log[:label]}
-              td
+          th Actions
+      tbody
+        - @data.each do |log|
+          tr id="#{log[:label].to_s}"
+            td <i class="uk-icon-tag"></i>&nbsp;<b>Label</b> : #{log[:label]}
+            td
+              ul
+                li <i class="uk-icon-file"></i>&nbsp;<b>File</b> : #{log[:log]}
+                li <i class="uk-icon-binoculars"></i>&nbsp;<b>Pattern</b> : #{log[:pattern]}
+                - if log[:retention].class == Hash
+                  li <i class="uk-icon-calendar-minus-o"></i>&nbsp;<b>History retention</b> : #{log[:retention].flatten.reverse.join(' ')}
+            td
+              - if @result[log[:label]][:status] == :missing
+                div.uk-badge.uk-badge-warning missing
+              - if @result[log[:label]][:status] == :clean
+                div.uk-badge.uk-badge-success success
+                ul
+                  li <i class="uk-icon-asterisk"></i>&nbsp;<b>Lines count</b> : #{@result[log[:label]][:lines]}
+              - if @result[log[:label]][:status] == :matched
+                div.uk-badge.uk-badge-danger matched
                 ul
-                  li <b>File</b> : #{log[:log]}
-                  li <b>Pattern</b> : #{log[:pattern]}
-              td
-                - if @result[log[:label]][:status] == :missing
-                  div.uk-badge.uk-badge-warning missing
-                - if @result[log[:label]][:status] == :clean
-                  div.uk-badge.uk-badge-success success
-                  ul
-                    li <b>Lines count</b> : #{@result[log[:label]][:lines]}
-                - if @result[log[:label]][:status] == :matched
-                  div.uk-badge.uk-badge-danger matched
-                  ul
-                    li <b>Lines count</b> : #{@result[log[:label]][:lines]}
-                    li <b class="uk-text-danger">Matchs count : #{@result[log[:label]][:count]} </b>
+                  li <i class="uk-icon-asterisk"></i>&nbsp;<b>Lines count</b> : #{@result[log[:label]][:lines]}
+                  li <i class="uk-icon-bolt"></i>&nbsp;<b class="uk-text-danger">Matchs count : #{@result[log[:label]][:count]} </b>
+            td
+              input.delete-log.uk-button.uk-button-mini.uk-button-danger id="#{log[:label].to_s}" value="Delete"
+              br
+              input.modify-log.uk-button.uk-button-mini.uk-button-primary id="#{log[:label].to_s}" value="Modify" onclick="location.href='/add_modify_log/#{log[:label].to_s}';"
+              br
+              input.history-log.uk-button.uk-button-mini.uk-button-primary id="#{log[:label].to_s}" value="History" onclick="location.href='/get_log_history/#{log[:label].to_s}';"
+  div.uk-align-right
+    form.uk-form.uk-form-horizontal#query action="/add_modify_log" method="GET"
+      div &nbsp;
+      input.monitor-log.uk-button value="Force monitoring"&nbsp;
+      input.add-log.uk-button type="submit" value="Add new log"

data/lib/splash/webadmin/portal/views/nav.slim

@@ -3,7 +3,7 @@ nav.uk-navbar.uk-navbar-attached(data-uk-sticky)
   ul.uk-navbar-nav.uk-hidden-small
     - for item in @menu
       li class=( (item == @current_item)? "uk-active" : "uk-inactive")
-        a href="/#{item.downcase}" title="Access to #{item.capitalize}" <i class="uk-icon-#{@menu_icons[item]}"></i> #{item.capitalize}
+        a.uk-navbar-nav-subtitle href="/#{item.downcase}" title="Access to #{item.capitalize}" <i class="uk-icon-#{@menu_icons[item]}"></i><div> #{item.capitalize}</div>
   a.uk-navbar-toggle.uk-visible-small(href="#offcanvas" data-uk-offcanvas)
   div.uk-navbar-brand.uk-navbar-left.uk-visible-small
     <i class="uk-icon-arrow-left"></i> Menu

data/lib/splash/webadmin/portal/views/not_found.slim

@@ -1,3 +1,3 @@
-h2 404 : Page not found
+h2.uk-text-danger 404 : Page not found
 p Ressource or page #{@path} not found
 p Please click <a href='/'>here</a> to return home

data/lib/splash/webadmin/portal/views/process_form.slim

@@ -0,0 +1,24 @@
+- unless @data.empty?
+  h2.uk-text-success <i class="uk-icon-#{@menu_icons[@current_item]} uk-icon-medium "></i>&nbsp;&nbsp;Modify Splash process monitoring : #{@data[:process]}
+- else
+  h2.uk-text-success <i class="uk-icon-#{@menu_icons[@current_item]} uk-icon-medium "></i>&nbsp;&nbsp;Add new Splash process monitoring
+
+script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.2/jquery.validate.min.js"
+
+form.uk-form.uk-form-horizontal#query action="/save_process" method="POST"
+  label.uk-form-label for="process" Process
+  <input class="uk-form-width-large" id="process" type="text" placeholder="process" name="process" value="#{@data[:process].to_s}" required>
+  div &nbsp;
+  label.uk-form-label for="patterns" Patterns (separator is "|")
+  <input class="uk-form-width-large" id="patterns" type="text" placeholder="patterns" name="patterns" value="#{@data[:patterns]}" required>
+    div &nbsp;
+    label.uk-form-label for="retention" Retention (Like "2 hours, 2 days")
+    <input class="uk-form-width-large" id="retention" type="text" placeholder="retention" name="retention" value="#{@data[:retention]}">
+    div &nbsp;
+  - unless @data.empty?
+    input type="hidden" name="update" value="true"
+    input type="hidden" name="old_process" value="#{@data[:old_process].to_s}"
+  div.uk-align-right
+    input.uk-button.uk-button-small-primary type="submit" value="Submit"
+javascript:
+  $("#query").validate();

data/lib/splash/webadmin/portal/views/process_history.slim

@@ -0,0 +1,24 @@
+h2.uk-text-success <i class="uk-icon-#{@menu_icons[@current_item]} uk-icon-medium "></i>&nbsp;&nbsp;History for process #{@process} monitoring
+
+
+-
+div.uk-width-medium-1-1
+  div.uk-panel.uk-panel-box
+    span.uk-text-large.uk-text-bold List of records
+    br
+    table#logrecords.uk-table.uk-table-hover.uk-table-striped
+      thead
+        tr
+          th Date
+          th Process
+          th Status
+          th % CPU
+          th % MEM
+      tbody
+        - @data.reverse.each do |key|
+          tr class="#{(key[key.keys.first][:status] == :running)? 'uk-text-success' : 'uk-text-danger'}"
+            td  #{key.keys.first}
+            td  #{key[key.keys.first][:process]}
+            td  #{key[key.keys.first][:status]}
+            td  #{key[key.keys.first][:cpu_percent]}
+            td  #{key[key.keys.first][:mem_percent]}