style fixes new base template

src/opnsense/mvc/app/views/layouts/default.volt

@@ -15,23 +15,38 @@
 
 		<title>{{title|default("OPNsense") }}</title>
 
+        <!-- include (theme) style -->
 		<link href="/ui/themes/opnsense/build/css/main.css" media="screen, projection" rel="stylesheet">
-		<!-- Stylesheet for fancy select/dropdown -->
-		<link rel="stylesheet" type="text/css" href="/ui/themes/opnsense/build/css/bootstrap-select.css">
+
 		<!-- Favicon -->
-		<link href="/ui/themes/opnsense/assets/images/favicon.png" rel="shortcut icon">
+		<link href="/ui/themes/opnsense/build/images/favicon.png" rel="shortcut icon">
+
+        <!-- Stylesheet for fancy select/dropdown -->
+        <link rel="stylesheet" type="text/css" href="/ui/themes/opnsense/build/css/bootstrap-select.css">
+
+        <!-- Font awesome -->
+        <link rel="stylesheet" href="/ui/css/font-awesome.min.css">
 
 		<!-- JQuery -->
 		<script type="text/javascript" src="/ui/js/jquery-1.11.2.min.js"></script>
 		<script type="text/javascript">
-			// hook into jquery ajax requests to ensure csrf handling.
-			$.ajaxSetup({
-				'beforeSend': function(xhr) {
-					xhr.setRequestHeader("X-CSRFToken", "{{ csrf_token }}" );
-					xhr.setRequestHeader("X-CSRFTokenKey", "{{ csrf_tokenKey }}" );
-				}
-			});
-		</script>
+            // setup default scripting after page loading.
+            $( document ).ready(function() {
+                // hook into jquery ajax requests to ensure csrf handling.
+                $.ajaxSetup({
+                    'beforeSend': function(xhr) {
+                        xhr.setRequestHeader("X-CSRFToken", "{{ csrf_token }}" );
+                        xhr.setRequestHeader("X-CSRFTokenKey", "{{ csrf_tokenKey }}" );
+                    }
+                });
+
+                // handle help messages show/hide
+                $("a[class='showhelp']").click(function () {
+                    $("*[for='" + $(this).attr('id') + "']").toggleClass("hidden show");
+                });
+            });
+
+        </script>
 
         <!-- bootstrap dialog -->
         <link href="/ui/themes/opnsense/build/css/bootstrap-dialog.css" rel="stylesheet" type="text/css" />
@@ -46,8 +61,8 @@
 			<div class="container-fluid">
 				<div class="navbar-header">
 					<a class="navbar-brand" href="/">
-						<img class="brand-logo" src="/ui/themes/opnsense/assets/images/default-logo.png" height="30" width="150"/>
-						<img class="brand-icon" src="/ui/themes/opnsense/assets/images/icon-logo.png" height="30" width="29"/>
+						<img class="brand-logo" src="/ui/themes/opnsense/build/images/default-logo.png" height="30" width="150"/>
+						<img class="brand-icon" src="/ui/themes/opnsense/build/images/icon-logo.png" height="30" width="29"/>
 					</a>
 					<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navigation">
 						<span class="sr-only">Toggle navigation</span>
@@ -79,6 +94,7 @@
 		{{ partial("layout_partials/base_menu_system") }}
 
 		<div class="row">
+            <!-- page header -->
 			<header class="page-content-head">
 				<div class="container-fluid">
 						<ul class="list-inline">
@@ -90,7 +106,7 @@
 						</ul>
 				</div>
 			</header>
-            <!-- row -->
+            <!-- page content -->
 			<section class="page-content-main">
 				<div class="container-fluid">
                     <div class="row">
@@ -104,6 +120,7 @@
 
 		</div>
 
+        <!-- page footer -->
 		<footer class="page-foot col-sm-push-2">
 			<div class="container-fluid">
 				<a target="_blank" href="https://www.opnsense.org/?gui22" class="redlnk">OPNsense</a> is &copy;2014 - 2015 by <a href="http://www.deciso.com" class="tblnk">Deciso B.V.</a> All Rights Reserved.
@@ -113,6 +130,7 @@
 
 	</main>
 
+    <!-- bootstrap script -->
 	<script type="text/javascript" src="/ui/js/bootstrap.min.js"></script>
 	<script type="text/javascript" src="/ui/js/bootstrap-select.min.js"></script>
     <!-- bootstrap dialog -->