<h1 class=“title” data-bind=“title” data-showif=“title”></h1>
<ul class=“critical-list” data-showif=“hasCritical”>
<li data-foreach-item="criticalMap"> <span class="host-title" data-bind="item.host"></span> <div class="checks-list"> <div class="check-item" data-foreach-check="item.checks"> <span class="check-item-name" data-bind="check.service"></span> <span class="check-item-timestamp" data-bind="check.last_check"></span> </div> </div> </li>
</ul>
<ul class=“warning-list” data-showif=“hasWarning”>
<li data-foreach-item="warningMap"> <span class="host-title" data-bind="item.host"></span> <div class="checks-list"> <div class="check-item" data-foreach-check="item.checks"> <span class="check-item-name" data-bind="check.service"></span> <span class="check-item-timestamp" data-bind="check.last_check"></span> </div> </div> </li>
</ul>
<ul class=“ok-list” >
<li data-foreach-item="okMap"> <span class="host-title" data-bind="item.host"></span> <div class="checks-list"> <div class="check-item" data-foreach-check="item.checks"> <span class="check-item-name" data-bind="check.service"></span> <span class="check-item-timestamp" data-bind="check.last_check"></span> </div> </div> </li>
</ul>