AMBARI-499. Add 'Help' link to the top nav (Contributed by Yusaku)

git-svn-id: https://svn.apache.org/repos/asf/incubator/ambari/branches/ambari-186@1347336 13f79535-47bb-0310-9956-ffa450edef68

CHANGES.txt

@@ -6,6 +6,8 @@ characters wide.
 
 Release 0.1.x - unreleased
 
+  AMBARI-499. Add "Help" link to the top nav (Yusaku via Vikram)
+
   AMBARI-498. Make service directories editable (but not reconfigurable) (Yusaku via Vikram)
 
   AMBARI-497. Messaging clean up (Yusaku via Vikram)

hmc/css/common.css

@@ -432,25 +432,28 @@ div.separator {
 	border:1px solid #bbb;
 	border-width:0 0 1px 0;
 }
-
+.navbar .nav {
+  float:none;
+  overflow:hidden;
+}
 .navbar .nav .active > a, .navbar .nav .active > a:hover {
-    background-color: #999999;
-    color: #FFFFFF;
-    text-decoration: none;
+  background-color: #999999;
+  color: #FFFFFF;
+  text-decoration: none;
 }
 .navbar .nav > li > a {
 	border-radius:8px;
 	-webkit-border-radius: 8px;
 	-moz-border-radius: 8px;
-    color: #666666;
-    float: none;
-    font-size: 13px;
-    font-weight: bold;
-    line-height: 19px;
-    margin: 6px 10px 6px 0;
-    padding: 8px 14px;
-    text-decoration: none;
-    text-shadow: none;
+  color: #666666;
+  float: none;
+  font-size: 13px;
+  font-weight: bold;
+  line-height: 19px;
+  margin: 6px 10px 6px 0;
+  padding: 8px 14px;
+  text-decoration: none;
+  text-shadow: none;
 }
 .navbar .nav > li > a:hover {
   background-color: transparent;
@@ -464,6 +467,9 @@ div.separator {
 	float:left;
 	padding-top:7px;
 }
+.navbar .nav > li.right {
+  float:right; 
+}
 /* END TOPNAV */
 /* BEGIN SUBNAV */
 #subnav a {

hmc/html/topnav.htmli

@@ -7,13 +7,14 @@
 			<div class="container">
 				<a href="<?php echo $homeUrl ?>"><img id="logo" src="../images/logo-small.gif"></a>
 				<a class="brand" href="<?php echo $homeUrl ?>"><?php echo $RES['app.name'] ?></a>
+        <ul class="nav">
 				<?php if (isset($clusterState) && $clusterState == 'OPERATIONAL') { ?> 
-				<ul class="nav">
 					<li class="active"><a href="<?php echo $homeUrl ?>">Cluster Management</a>
 					</li>
 					<li><a href="/hdp/dashboard/ui/home.html">Monitoring</a></li>
-        </ul>					
 				<?php } ?>
+          <li class="right"><a class="help" href="#" target="_blank">Help</a></li>
+				</ul>         
 			</div>
 		</div>
 	</div>