<div data-bind-class=“state | prepend 'dashing-contrib state-'”>
<section class="body"> <div class="canvas"> <div class="current-status-container" data-bind-class="statusClass"> <span data-bind="title"></span> <span data-bind-class="arrowClass"></span> </div> <div class="row"> <div> <p class="left">Up:</p> <p class="figure right" data-bind="up | shortenedNumber | prepend prefix | append suffix"></p> </div> </div> <div class="row"> <div> <p class="left top">Paused:</p> <p class="figure right top" data-bind="paused | shortenedNumber | prepend prefix | append suffix"></p> </div> </div> <div class="row"> <div> <p class="left top">Unconfirmed:</p> <p class="figure right top" data-bind="unconfirmed_down | shortenedNumber | prepend prefix | append suffix"></p> </div> </div> <div class="row"> <p class="left top">Down:</p> <p class="figure right top" data-bind="down | shortenedNumber | prepend prefix | append suffix"></p> </div> <div class="row"> <p class="left top">Unknown:</p> <p class="figure right top" data-bind="unknown | shortenedNumber | prepend prefix | append suffix"></p> </div> <div class="row"> <p class="left doubletop">Total:</p> <p class="figure right doubletop" data-bind="total | shortenedNumber | prepend prefix | append suffix"></p> </div> <div class="row"> <ul class="list-nostyle"> <li data-foreach-item="items"> <span data-bind-class="item.state | prepend 'site-state-'"> <span data-bind-class="item.state | prepend 'fa fa-' | append '-o' | replace 'ok', 'smile' | replace 'warning', 'meh' | replace 'critical','frown'" class="fa"></span></span> <span class="value" data-bind="item.label"></span> </li> </ul> </div> </div> </section>
</div>