Tune menu bar.

jenkinsci · Feb 24, 2012 · 7d4936d · 7d4936d
1 parent a56b94a
commit 7d4936d
Show file tree

Hide file tree

Showing 4 changed files with 27 additions and 8 deletions.
diff --git a/src/main/webapp/css/ezwall.css b/src/main/webapp/css/ezwall.css
@@ -29,9 +29,11 @@ body {
 
 	background: grey;
 	background-color: grey; /* Fall-back color */
-	background-image: -webkit-linear-gradient(top, grey, #000);
-	background-image: -moz-linear-gradient(top, grey, #000);
-	background-image: linear-gradient(top, grey, #000);
+	background-image: -webkit-linear-gradient(top, #808080, #606060);
+	background-image: -moz-linear-gradient(top, #808080, #606060);
+	background-image: linear-gradient(top, #808080, #606060);
+
+	opacity: 0.95;
 }
 
 #header-display-zone {
@@ -43,6 +45,17 @@ body {
 	height: 20px;
 }
 
+#main-menu a {
+	text-decoration: none;
+}
+
+#main-menu #view-name {
+	text-decoration: none;
+	color: white;
+	font-weight: bold;
+	margin: 5px;
+}
+
 #dashboard {
 	margin: 0;
 	padding: 0;

diff --git a/src/main/webapp/js/router.js b/src/main/webapp/js/router.js
@@ -18,8 +18,13 @@ define([
 		initialize : function() {
 			console.log('AppRouter: initiliaze');
 
+			// Inialize the jenkins View
+			this.view = new Jenkins.View();
+
 			// Initialize menu
-			this.menu = new Menu;
+			this.menu = new Menu({
+				model: this.view
+			});
 			this.menu.render();
 			this.menu.on('menu:refresh', function() {
 				this.view.fetchAll();
@@ -31,8 +36,6 @@ define([
 				this.navigate('about', true);
 			}, this);
 
-			// Inialize the jenkins View
-			this.view = new Jenkins.View();
 
 			// Initialize Dashboard
 			this.dashboard = new Dashboard.View({

diff --git a/src/main/webapp/js/templates/menu.html b/src/main/webapp/js/templates/menu.html
@@ -1,4 +1,5 @@
-<nav id="mainmenu" class="menu">
+<nav id="main-menu" class="menu">
+	<a href=".."><span id="view-name">${name}</span></a>
 	<button id="refresh-button" class="menu-button">Refresh</button>
 	<button id="settings-button" class="menu-button">Settings</button>
 	<button id="about-button" class="menu-button">About</button>

diff --git a/src/main/webapp/js/views/menu.js b/src/main/webapp/js/views/menu.js
@@ -14,12 +14,14 @@ define([
 			_.bindAll(this, 'render', 'showMenu', 'hideMenu',
 					'onVisble', 'onHidden');
 			console.log('Menu: initialized');
+			this.model.on('change:name', this.render);
 			this._visible = false;
 		},
 
 		render : function() {
+			this.$el.empty();
 			console.log('Menu: render');
-			$.tmpl(menuTemplate, {}).appendTo(this.el);
+			$.tmpl(menuTemplate, this.model.toJSON()).appendTo(this.el);
 			//this.$('.menu-button').button();
 			this.$( '#refresh-button' ).button({ icons: {primary:'ui-icon-refresh'}});
 			this.$( '#settings-button' ).button({ icons: {primary:'ui-icon-wrench'}});