From b561f88ea52a3f7f2b64b66884f50da83150cad8 Mon Sep 17 00:00:00 2001
From: Nelson Lai <nlai@rbcon.com>
Date: Wed, 7 Nov 2012 00:44:06 +0800
Subject: [PATCH] Added interesting font for stats. Added :hover's.

Change-Id: I5c7f18f2fc1ad5343a3e4ae5bc8527329c6fc975
---
 css/styles.css | 17 +++++++++++++++++
 index.html     |  1 +
 js/main.js     |  6 ++++++
 3 files changed, 24 insertions(+)

diff --git a/css/styles.css b/css/styles.css
index 5cb3aa9..348871e 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -2,6 +2,10 @@ body {
 	background: #ddd;
 }
 
+div.content_box:hover {
+  background: #f5f5f5;
+}
+
 div.content_box {
 	padding: 10px;
 	margin: 0 10px 10px 0;
@@ -28,6 +32,13 @@ a.job_status {
   border-right: 1px #fff solid;
   border-top: 1px #fff solid;
   display: block;
+  text-align: center;
+  font-size: .9em;
+  font-weight: bold;
+}
+
+a.job_status:hover {
+  opacity: .6;
 }
 
 .job_status_caption {
@@ -104,6 +115,12 @@ div.header form {
   color: red;
 }
 
+.job_stat_value {
+  font-family: 'Average Sans', serif;
+  font-size: 1.5em;
+  color: #444;
+}
+
 a.job_status.status-success {
 	background: lightgreen;
 }
diff --git a/index.html b/index.html
index 13c3aa3..17d401a 100644
--- a/index.html
+++ b/index.html
@@ -5,6 +5,7 @@
   <title>Jenkins Dashboard</title>
   <link href="css/bootstrap.min.css" rel="stylesheet"/>
   <link href="css/styles.css" rel="stylesheet"/>
+  <link href='http://fonts.googleapis.com/css?family=Average+Sans' rel='stylesheet' type='text/css'>
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
   <script src="http://underscorejs.org/underscore-min.js"></script>
   <script src="js/bootstrap.min.js"></script>
diff --git a/js/main.js b/js/main.js
index e433740..0cce236 100644
--- a/js/main.js
+++ b/js/main.js
@@ -118,6 +118,7 @@ $(function() {
         var view_jobs_num_total_tests = 0;
         var view_jobs_list = [];
         var last_failed_builds = [];
+        var map_jobs_to_num_tests = {};
         
         // Start building the HTML display
         var view_content_box = $('<div/>', { 
@@ -156,6 +157,10 @@ $(function() {
               if (match && match.length > 1) {
                 view_jobs_num_failing_tests += parseInt(match[1]);
                 view_jobs_num_total_tests += parseInt(match[2]);
+                
+                // console.log(match[1]);
+                
+                map_jobs_to_num_tests[job_data.name] = match[1];
               }
             });
           }                    
@@ -205,6 +210,7 @@ $(function() {
             title: view_job.name + ' - ' + view_job.status,
             href: view_job.url,
             target: '_blank',
+            text: map_jobs_to_num_tests[view_job.name],
           })
             .addClass('status-' + view_job.status.toLowerCase())
             .appendTo(job_boxes_container);