changeset 11:ac252dd4b395

Added some basic tooltip logic, though it's incomplete and hidden for now.
author Atul Varma <varmaa@toolness.com>
date Mon, 08 Mar 2010 10:24:18 -0800
parents 86c127008050
children ea3ec9f460db
files dashboard.css dashboard.js index.html
diffstat 3 files changed, 30 insertions(+), 1 deletions(-) [+]
line wrap: on
line diff
--- a/dashboard.css	Mon Mar 08 07:59:05 2010 -0800
+++ b/dashboard.css	Mon Mar 08 10:24:18 2010 -0800
@@ -82,3 +82,8 @@
 .countdown {
     color: #f0f0f0;
 }
+
+.bug-tooltip {
+    /* TODO: Actually display this. */
+    display: none;
+}
--- a/dashboard.js	Mon Mar 08 07:59:05 2010 -0800
+++ b/dashboard.js	Mon Mar 08 10:24:18 2010 -0800
@@ -42,10 +42,23 @@
             row.addClass(bug.severity);
           }
           row.find(".last-changed").text(prettyDate(bug.last_change_time));
+
           row.click(
-            function() {
+            function onClick() {
               window.open(Bugzilla.getShowBugURL(bug.id));
             });
+
+          row.hover(
+            function onIn() {
+              var tooltip = $("#templates .bug-tooltip").clone();
+              tooltip.find(".priority").text(bug.priority);
+              // TODO: Show more information in tooltip.
+              $(this).append(tooltip);
+            },
+            function onOut() {
+              $(this).find(".bug-tooltip").remove();
+            });
+
           table.append(row);
         });
       query.append(table);
--- a/index.html	Mon Mar 08 07:59:05 2010 -0800
+++ b/index.html	Mon Mar 08 10:24:18 2010 -0800
@@ -18,6 +18,17 @@
   </div>
 </div>
 <div id="templates">
+  <div class="bug-tooltip">
+    <div>
+      <span class="priority"></span>
+      <span class="severity"></span>
+    </div>
+    <div>
+      <span class="product"></span>
+      <span class="component"></span>
+    </div>
+    <div>Created <span class="age"></span></div>
+  </div>
   <table class="bugs">
     <tr class="header">
       <th>Summary</th>