changeset 9:a5558c563a51

Horizontal layout of reports
author Atul Varma <varmaa@toolness.com>
date Mon, 08 Mar 2010 05:34:38 -0800
parents 85027feb6b6e
children 86c127008050
files dashboard.css dashboard.js index.html
diffstat 3 files changed, 25 insertions(+), 16 deletions(-) [+]
line wrap: on
line diff
--- a/dashboard.css	Sun Mar 07 23:17:26 2010 -0800
+++ b/dashboard.css	Mon Mar 08 05:34:38 2010 -0800
@@ -17,6 +17,23 @@
     display: none;
 }
 
+#reports .container {
+    display: table;
+}
+
+#reports .container > div:first-child {
+    padding: 0;
+}
+
+#reports .container > div {
+    display: table-cell;
+    padding: 0 0.5em;
+}
+
+#reports .container h2 {
+    margin-top: 0;
+}
+
 #templates {
     display: none;
 }
@@ -30,7 +47,7 @@
 }
 
 table {
-    width: 40em;
+    width: 30em;
     border-collapse: collapse;
 }
 
--- a/dashboard.js	Sun Mar 07 23:17:26 2010 -0800
+++ b/dashboard.js	Mon Mar 08 05:34:38 2010 -0800
@@ -33,8 +33,6 @@
           row.find(".summary").text(bug.summary);
           row.addClass("status-" + bug.status);
           if (bug.priority != "--") {
-            row.find(".importance").text(bug.priority + NBSP +
-                                         bug.severity);
             row.addClass(bug.priority);
             row.addClass(bug.severity);
           }
@@ -95,7 +93,6 @@
       return ISODateString(then);
     }
 
-    const NBSP = "\u00a0";
     const MS_PER_HOUR = 1000 * 60 * 60;
     const MS_PER_DAY =  MS_PER_HOUR * 24;
     const MS_PER_WEEK = MS_PER_DAY * 7;
--- a/index.html	Sun Mar 07 23:17:26 2010 -0800
+++ b/index.html	Mon Mar 08 05:34:38 2010 -0800
@@ -9,27 +9,22 @@
 <div id="loading-screen"><h1 class="countdown"></h1></div>
 <div id="reports">
   <h1>Atul's Bugzilla Dashboard</h1>
-  <h2>My Assigned Bugs</h2>
-  <div id="assigned-bugs"></div>
-  <h2>My Fixed Bugs</h2>
-  <div id="fixed-bugs"></div>
-  <h2>My Requested Code Reviews</h2>
-  <div id="code-reviews"></div>
-  <h2>My Reported Bugs</h2>
-  <div id="reported-bugs"></div>
-  <h2>My CC'd Bugs</h2>
-  <div id="cc-bugs"></div>
+  <div class="container">
+    <div id="assigned-bugs"><h2>My Assigned Bugs</h2></div>
+    <div id="fixed-bugs"><h2>My Fixed Bugs</h2></div>
+    <div id="code-reviews"><h2>My Requested Code Reviews</h2></div>
+    <div id="reported-bugs"><h2>My Reported Bugs</h2></div>
+    <div id="cc-bugs"><h2>My CC'd Bugs</h2></div>
+  </div>
 </div>
 <div id="templates">
   <table class="bugs">
     <tr class="header">
       <th>Summary</th>
-      <th>Importance</th>
       <th>Last&nbsp;Changed</th>
     </tr>
     <tr class="bug-row">
       <td class="summary"></td>
-      <td class="importance"></td>
       <td class="last-changed"></td>
     </tr>
   </table>