From 1fa5d3b23e80fddd68c81e40c41dea41cafae9c5 Mon Sep 17 00:00:00 2001
From: Sebastian Grewe <sebastian@grewe.ca>
Date: Sat, 1 Mar 2014 22:21:15 +0100
Subject: [PATCH] [UPDATE] Uptime Robot Status

---
 .../bootstrap/statistics/uptime/default.tpl   | 58 +++++++++++++------
 1 file changed, 41 insertions(+), 17 deletions(-)

diff --git a/public/templates/bootstrap/statistics/uptime/default.tpl b/public/templates/bootstrap/statistics/uptime/default.tpl
index e4c1671f..b067dee2 100755
--- a/public/templates/bootstrap/statistics/uptime/default.tpl
+++ b/public/templates/bootstrap/statistics/uptime/default.tpl
@@ -1,33 +1,57 @@
 
-<div class="col-lg-6">
+<div class="col-lg-12">
     <div class="panel panel-info">
       <div class="panel-heading"><i class="fa fa-clock-o fa-fw"></i> UptimeRobot Status</div>
       <div class="panel-body no-padding">
         <table class="table table-striped table-bordered table-hover">
           <thead>
             <tr>
-              <th>Location</th>
-              <th>Service</th>
-              <th>Status</th>
-              <th>Status Since</th>
-              <th>Day</th>
-              <th>Week</th>
-              <th>Month</th>
-              <th>All Time</th>
+              <th class="text-center">Location</th>
+              <th class="text-center">Service</th>
+              <th class="text-center">Status</th>
+              <th class="text-center">Status Since</th>
+              <th class="text-center col-sm-2">Day</th>
+              <th class="text-center col-sm-2">Week</th>
+              <th class="text-center col-sm-2">Month</th>
+              <th class="text-center col-sm-2">All Time</th>
             </tr>
           </thead>
           <tbody>
       {foreach key=key item=item from=$STATUS}
       {assign var=node value="."|explode:$item.friendlyname}
             <tr>
-              <td><img src="{$GLOBALASSETS}/images/flags/{$node.0}.png"/></td>
-              {if $node|count > 1}<td>{$node.1}</td>{/if}
-              <td><span class="ur-status-{$CODES[$item.status]|lower}">{$CODES[$item.status]}</span></td>
-              <td>{$item.log.1.datetime|date_format:"%b %d, %Y %H:%M"}</td>
-              <td><span class="chart" data-percent="{$item.customuptimeratio.0}"><span class="percent"></span></span></td>
-              <td><span class="chart" data-percent="{$item.customuptimeratio.1}"><span class="percent"></span></span></td>
-              <td><span class="chart" data-percent="{$item.customuptimeratio.2}"><span class="percent"></span></span></td>
-              <td><span class="chart" data-percent="{$item.alltimeuptimeratio}"><span class="percent"></span></span></td>
+              <td class="text-center"><img src="{$GLOBALASSETS}/images/flags/{$node.0}.png"/></td>
+              {if $node|count > 1}<td class="text-center">{$node.1}</td>{/if}
+              <td class="text-center"><span class="ur-status-{$CODES[$item.status]|lower}">{$CODES[$item.status]}</span></td>
+              <td class="text-center">{$item.log.1.datetime|date_format:"%b %d, %Y %H:%M"}</td>
+              <td>
+                <div class="progress progress-striped active">
+                  <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="{$item.customuptimeratio.0}" aria-valuemin="0" aria-valuemax="100" style="width: {$item.customuptimeratio.0}%">
+                    <span class="sr-only">{$item.customuptimeratio.0}% up</span>
+                  </div>
+                </div>
+              </td>
+              <td>
+                <div class="progress progress-striped active">
+                  <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="{$item.customuptimeratio.1}" aria-valuemin="0" aria-valuemax="100" style="width: {$item.customuptimeratio.1}%">
+                    <span class="sr-only">{$item.customuptimeratio.1}% up</span>
+                  </div>
+                </div>
+              </td>
+              <td>
+                <div class="progress progress-striped active">
+                  <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="{$item.customuptimeratio.2}" aria-valuemin="0" aria-valuemax="100" style="width: {$item.customuptimeratio.2}%">
+                    <span class="sr-only">{$item.customuptimeratio.2}% up</span>
+                  </div>
+                </div>
+              </td>
+              <td>
+                <div class="progress progress-striped active">
+                  <div class="progress-bar progress-bar-success" role="progressbar" aria-valuenow="{$item.alltimeuptimeratio}" aria-valuemin="0" aria-valuemax="100" style="width: {$item.alltimeuptimeratio}%">
+                    <span class="sr-only">{$item.alltimeuptimeratio}% up</span>
+                  </div>
+                </div>
+              </td>
             </tr>
       {/foreach}
           </tbody>