Refactoring of WANavigation and i,plementation of Service Status

resources/WebContent/css/main.css

@@ -7,6 +7,7 @@ body{
 	/*margin-bottom: 30px; /* Margin bottom by footer height */
 }
 table{
+	font-family: sans-serif;
 	font-size: 100%;
 }
 

resources/WebContent/page/ServiceStatusPage.tmpl

@@ -1,7 +1,7 @@
 <div class="col-md-12"><div class="panel panel-default">
     <div class="panel-heading">Service Status</div>
     <div class="panel-body">
-        <table class="table small hdd-detail">
+        <table class="table hdd-detail">
             <thead><tr>
                 <th data-field="service">Service</th>
                 <th data-field="status">Status</th>
@@ -9,14 +9,14 @@
             </tr></thead>
             {{#services}}
             <tr>
-                <td>{{.name}}</td>
+                <td>{{.getName()}}</td>
                 <td>
                     {{#.isRunning()}}<span class="label label-success">Running</span>{{/.isRunning()}}
                     {{#.isUnresponsive()}}<span class="label label-warning">Unresponsive</span>{{/.isUnresponsive()}}
                     {{#.isStopped()}}<span class="label label-danger">Stopped</span>{{/.isStopped()}}
                     {{#.isUnknown()}}<span class="label label-default">Unknown</span>{{/.isUnknown()}}
                 </td>
-                <td><input type="checkbox" class="switch" checked></td>
+                <td><input type="checkbox" class="switch" data-size="mini" checked></td>
             </tr>
             {{/services}}
         </table>

resources/WebContent/page/index.tmpl

@@ -19,8 +19,8 @@
 	<script src="js/bootstrap-switch.min.js"></script>
 
 	<script>
-		$.(function(){
-			$("input .switch[type='checkbox']").bootstrapSwitch();
+		$(function() {
+			$(".switch[type='checkbox']").bootstrapSwitch();
 		});
 	</script>
 </head>
@@ -30,21 +30,21 @@
 	<a class="navbar-brand" href="#">{{title}}</a>
 	<ul class="nav navbar-nav">
 		{{#top-nav}}
-		{{^.sub_navs.length}}
+		{{^.subNav.length}}
 		<li><a href="{{.url}}">{{.name}}</a></li>
-		{{/.sub_navs.length}}
-		{{#.sub_navs.length}}
+		{{/.subNav.length}}
+		{{#.subNav.length}}
 		<li class="dropdown">
 			<a href="#" class="dropdown-toggle" data-toggle="dropdown">
 				{{.name}} <b class="caret"></b>
 			</a>
 			<ul class="dropdown-menu">
-				{{#.sub_navs}}
+				{{#.subNav}}
 				<li><a href="{{.url}}">{{.name}}</a></li>
-				{{/.sub_navs}}
+				{{/.subNav}}
 			</ul>
 		</li>
-		{{/.sub_navs.length}}
+		{{/.subNav.length}}
 		{{/top-nav}}
 	</ul>
 </nav>
@@ -55,21 +55,21 @@
 	<div id="side-bar" class="col-md-2">
 		<ul class="side-menu nav nav-pills nav-stacked">
 			{{#side-nav}}
-			{{^.sub_navs.length}}
+			{{^.subNavs.length}}
 			<li><a href="{{.url}}">{{.name}}</a></li>
-			{{/.sub_navs.length}}
-			{{#.sub_nav.length}}
+			{{/.subNavs.length}}
+			{{#.subNav.length}}
 			<li class="">
 				<a data-toggle="collapse" data-parent="#side-bar" href="#{{.name}}_collapse">
 					{{.name}} <b class="caret"></b>
 				</a>
 				<ul id="{{.name}}_collapse" class="side-sub-menu collapse nav nav-pills nav-stacked ">
-					{{#.sub_navs}}
+					{{#.subNavs}}
 					<li><a href="{{.url}}">{{.name}}</a></li>
-					{{/.sub_navs}}
+					{{/.subNavs}}
 				</ul>
 			</li>
-			{{/.sub_nav.length}}
+			{{/.subNav.length}}
 			{{/side-nav}}
 		</ul>
 	</div>