From b4c2309012487fc15ce33db974e333e01b9902f7 Mon Sep 17 00:00:00 2001
From: sergioc <sergioc@users.noreply.github.com>
Date: Wed, 29 Jun 2022 10:26:09 +0200
Subject: [PATCH] chunk metadata display in custom checks

---
 .../js/views/custom_checks/customChecks.html    | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/ServicePulse.Host/app/js/views/custom_checks/customChecks.html b/src/ServicePulse.Host/app/js/views/custom_checks/customChecks.html
index 994a0d3e3c..fb6857fb0d 100644
--- a/src/ServicePulse.Host/app/js/views/custom_checks/customChecks.html
+++ b/src/ServicePulse.Host/app/js/views/custom_checks/customChecks.html
@@ -29,11 +29,18 @@ <h1>Custom checks</h1>
                                     <div class="col-xs-10">
                                         <div class="row box-header">
                                             <div class="col-sm-12 no-side-padding">
-                                                <p class="lead pre-wrap">{{item.failure_reason}}</p>
-                                                <p>{{item.custom_check_id}} </p>
-                                                <p>
-                                                    {{item.category}} reported by {{item.originating_endpoint.name}} on {{item.originating_endpoint.host}} <sp-moment date="{{item.reported_at}}"></sp-moment>
-                                                </p>
+                                                <p class="lead pre-wrap">{{item.failure_reason}}</p>                                                
+                                                <div class="row">
+                                                    <div class="col-sm-12 no-side-padding">
+                                                        <p class="metadata">
+                                                            <span class="metadata"><i aria-hidden="true" class="fa fa-check"></i> Check: {{item.custom_check_id}}</span>
+                                                            <span class="metadata"><i aria-hidden="true" class="fa fa-list"></i> Category: {{item.category}}</span>
+                                                            <span class="metadata"><i aria-hidden="true" class="fa pa-endpoint"></i> Endpoint: {{item.originating_endpoint.name}}</span>
+                                                            <span class="metadata"><i aria-hidden="true" class="fa fa-server"></i> Host: {{item.originating_endpoint.host}}</span>
+                                                            <span class="metadata"><i aria-hidden="true" class="fa fa-clock-o"></i> Last checked: <sp-moment date="{{item.reported_at}}"></sp-moment></span>
+                                                        </p>
+                                                    </div>
+                                                </div>
                                             </div>
                                         </div>
                                     </div>