From b7338e13f2cc42b997cf067072c8405183702611 Mon Sep 17 00:00:00 2001
From: David Huynh <dfhuynh@gmail.com>
Date: Thu, 18 Mar 2010 00:35:34 +0000
Subject: [PATCH] Tweaked column header menu dropdown icon.

git-svn-id: http://google-refine.googlecode.com/svn/trunk@317 7d457c2a-affb-35e4-300a-418c747d4874
---
 src/graphics/menu-dropdown.psd                | Bin 155373 -> 179650 bytes
 src/main/webapp/images/menu-dropdown.png      | Bin 1027 -> 1055 bytes
 .../views/data-table-column-header-ui.js      |  40 ++++++++++--------
 .../webapp/scripts/views/data-table-view.js   |  16 +++++--
 src/main/webapp/styles/project/browsing.css   |   3 +-
 .../webapp/styles/views/data-table-view.css   |  39 ++++++++++++++---
 6 files changed, 70 insertions(+), 28 deletions(-)

diff --git a/src/graphics/menu-dropdown.psd b/src/graphics/menu-dropdown.psd
index 0e718d7cac933d6ee31a174b709a65ce912b2c41..dd685d4fe9ce03252ed5f86817c0562e6aad09a2 100644
GIT binary patch
delta 10074
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
N6Tv9jS}$rv{{udux~KpE

delta 3104
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
BJx~Au

diff --git a/src/main/webapp/images/menu-dropdown.png b/src/main/webapp/images/menu-dropdown.png
index fa4b448ffc37d14c10b265f192ad343e4a2177c7..537496d5ad77662b2fad2640657aeaf6b23da87c 100644
GIT binary patch
delta 1031
zcmV+i1o-=d2%iWciBL{Q4GJ0x0000DNk~Le0000c0000J2nGNE0Q`!7u#q7sf5Aya
zK~#9!%$7+@TTv9pPnwAH6b*=i0}dMz3W6IE4bli!7lA+^P$&o%zeGd)5Kagd3t~WV
zp<QJq?gXK@a3$ifQ6q7ljp_Mc-nrZiYNQl;;c(x3x%uDUJJWr(<>h7in=vpjK>uPm
zUis~_W$kPq*?zNau>G<u>k$fte_qrI27?*3Y#BWEiEX5;tjt?pUQPuC1yopANY~fb
z%FfQtU`xDaoGtR2#~4Uy)z{a1*~sN`QDtQ%MWaz=ySuxzx3{OX7%=i0*!P^AoKQnU
z138^e^&pW*q|K+Nr%Lqc=_$xyqc1>x&(F^fx!rDRY;08jOVz^I+1a7hf7MmGy}f0&
z;AkeWp}f4j>DJa(Vz`VV=CjAgN7~xj!t7zVND9<YX=&-S&*vkC(@-XyIS`4(#YMWg
zx$%hSK3KomZ8qC<Q&ST;9F8=hOu|@KTU(3EkrXJU)z{ajpq`(flPr@S)^&DvCTR(n
zAE84oiAP=nl51>&^(7@Gf8Ldq6~DpeZ*Fc@`IHS5EFO<jRaF&U)XOjCH^BlG6%`pF
zQb92|x9H*Ff$s0`si>$3kG>dSftHq*H^XP92lSv-U0toUq+N7a8>odB7Z((XL{#OZ
z4irXLSC;~Vpf%c!B^~gV0CCmP@bEBgZf>S&4Gs>{*w~l`%gxQze_G-(m)&mHV#US9
z)Z5#OFeM4q)YMRScehG>7{n|%r?Je%MWnTmhm(_&R99D*q=lE8n3&L^yt}(ovuFue
z6dReL15|&1zk(DfkH@1xuvS8enMcgnGs@MK1Oce|`FRZosBk!}t^orbfL&f*YApd<
zN6DrpB$_Mw5Mtlcf77GABtn3~Y;|!N>&M5(X*mWccn(lgQ&V~mXqnAhv;-_1i^Wvs
zh&N!k=6<B$Ai_;h8-OIFJboHr;qC2htpyL`zqoH}Yg3*>H1J%!bbfxWz|gowOOk(%
z!Dev;A=k|EmRTxMLWq0ot(UmLh7GVe2Af4slpKYom>IsSf2%8kL#$&CMYqHaHf(w<
z&YOJO-{03E!XL#u;%XS~@f*agWF0s2iG`Kc+S;1(06c<C;T7D&PEJnf=;(+J4-eHf
zx&UTV%N_^><a&cQO7L5_xpV7d$4qhwjmg2@nn`T~oR1saZW0Fv2X34Y(8Ei?LjV*=
z00A0a<GpcKUCzAub-_Kw3sHm;o{`X5mHV!*3qDo6$W@%dk`ky~D<WBaU6{ki_7x2i
zy$Njq70332ZQ(s1iVXOo76UD0`#ttwe8K(^U;t^Udzf0uqaXkP002ovPDHLkV1j9q
B=e+;`

delta 1003
zcmV<H0~Gw92!jYAiBL{Q4GJ0x0000DNk~Le0000N0000N2nGNE0N^UrpphXcf2B!8
zK~#9!Y*kH5lu;Bu@5jv8jA^v-TayTa2wje7v{G9b<gRkj&XvnRa2K>Q#DyS8EnEpf
z7Gk6z`U9juFcr#A@B?Ag868Jw=AG$0FXv8Y248r%_x*a#bDwkWxfaQl&*v?f+6+hF
z%7|y?y>|n0pukJZvhs%0QpA>!e}FK+2r4*6gOFtyX&Hg61jy+Ct|E36=`96KZiufL
zS2CI_BRmD=uCfBeAx4BzE@OCWYwOAR`FS*x$vj}(=VyOx+g=TYLJO^}tv{4Cwh;ff
zg_Rq{WkOg1Y;SKrO(YU80)aqVI2@*6Fi1>DsZ`1bzoUzbi+O(jv8}Cbe@<+IJ$Yjb
z$hBe+SFWzE4qRVfzp1LKqDUlyoS38+&ExSn?e6Z9=XvkDy1L#mX;vlPCl86YAilG<
zw)Xn!>T0l|p@Cf2Ef8u_9Vnen)B5^4U0z;x_xAQKsl?}ORdQ}Nn+@`E2Wx6-$Z?z^
zVj!2x6^#G{V1+DbK&&+de_-3H1RYk;U0z=9`)f!vN{KOt|M;Hmdp<lo{7MJVn<K|n
z;ggptzR4Q)*(YW@D49(9$!5G%<?EXALGfp~)E<?Ul@(NR#ZYHwCskKh6Ra|*t*xd0
z{(j=5`vJIW{9ydgW4$*FIkKE)&+l>#7gRPjHqykz1T{4^k-j=Qe>!MnWCT9@ssRMy
zV3noho{*<Fa*Wj%S%3gjQ&WWiAfB9@^sB^J0zf?nJ1<RWVN3JUmhllR!7@Prz=pB0
zF=}sbr_s?-pA_G5j(lK_nrHmgP0m#vEzirEIzB#r#=DZR0`bvT+}zwu<KyH0a}Z&N
zVgxw^oSdA{&d$!Ff6Affs_kmGw6uH~8XB5J=27P$(j|yscn0MlHD2TX;NW0+dU|?M
zbxO}Q#PDflWyLx=I(o}WKGfCK`Gg?jL>J~zY5EJQ1@BHzPib>=^E>h;K%em(@yE1W
zcW!QOEgFpm*vF_*tLqsffFSTX7K_p0;o;|*nVGNr{~04;e*$Ro!eOznu<)zCzWz67
zzmnD70})gMC_j*&ot@GC{{GL6jg3#Uv$Nm$zf(q>aUp#^YpES-dJGy_Si0oxzP`R5
z?j1dx<cI8i1qVp5;?2Fiy`}m2`6VHX3s8!eru|y#xVz~zib$Za^o)Rfmy@Jn`AG?o
zlzVgR<z3YxLCrBn>O}EGMM`ZBO>U05lsZ#A^S?#Km-gOKhqWuPO_LLKS*6q~5l8<7
Z7y#PN$-Pnq+I#>2002ovPDHLkV1nnb<^uo#

diff --git a/src/main/webapp/scripts/views/data-table-column-header-ui.js b/src/main/webapp/scripts/views/data-table-column-header-ui.js
index 1beb26fa2..313f33c9e 100644
--- a/src/main/webapp/scripts/views/data-table-column-header-ui.js
+++ b/src/main/webapp/scripts/views/data-table-column-header-ui.js
@@ -9,19 +9,23 @@ function DataTableColumnHeaderUI(dataTableView, column, columnIndex, td) {
 
 DataTableColumnHeaderUI.prototype._render = function() {
     var self = this;
-    var td = this._td;
     
-    var headerTable = document.createElement("table");
-    $(headerTable).addClass("column-header-layout").attr("cellspacing", "0").attr("cellpadding", "0").attr("width", "100%").appendTo(td);
+    var html = $(
+        '<table class="column-header-layout">' +
+            '<tr>' +
+                '<td bind="nameContainer"></td>' +
+                '<td width="1%">' +
+                    '<a class="column-header-menu" bind="dropdownMenu">&nbsp;</a>' +
+                '</td>' +
+            '</tr>' +
+        '</table>' +
+        '<div style="display:none;" bind="reconStatsContainer"></div>'
+    ).appendTo(this._td);
     
-    var headerTableRow = headerTable.insertRow(0);
-    var headerLeft = headerTableRow.insertCell(0);
-    var headerRight = headerTableRow.insertCell(1);
+    var elmts = DOM.bind(html);
     
-    $('<span></span>').html(this._column.name).appendTo(headerLeft);
-    
-    $(headerRight).attr("width", "1%");
-    $('<img src="/images/menu-dropdown.png" />').addClass("column-header-menu").appendTo(headerRight).click(function() {
+    elmts.nameContainer.text(this._column.name);
+    elmts.dropdownMenu.click(function() {
         self._createMenuForColumnHeader(this);
     });
     
@@ -31,20 +35,20 @@ DataTableColumnHeaderUI.prototype._render = function() {
             var newPercent = Math.ceil(100 * stats.newTopics / stats.nonBlanks);
             var matchPercent = Math.ceil(100 * stats.matchedTopics / stats.nonBlanks);
             var unreconciledPercent = Math.ceil(100 * (stats.nonBlanks - stats.matchedTopics - stats.newTopics) / stats.nonBlanks);
+            var title = matchPercent + "% matched, " + newPercent + "% new, " + unreconciledPercent + "% to be reconciled";
             
             var whole = $('<div>')
-                .height("3px")
-                .css("background", "#333")
-                .css("position", "relative")
-                .attr("title", matchPercent + "% matched, " + newPercent + "% new, " + unreconciledPercent + "% to be reconciled")
-                .width("100%")
-                .appendTo(td);
+                .addClass("column-header-recon-stats-bar")
+                .attr("title", title)
+                .appendTo(elmts.reconStatsContainer.show());
             
-            $('<div>').height("100%").css("background", "white").css("position", "absolute")
+            $('<div>')
+                .addClass("column-header-recon-stats-blanks")
                 .width(Math.round((stats.newTopics + stats.matchedTopics) * 100 / stats.nonBlanks) + "%")
                 .appendTo(whole);
                 
-            $('<div>').height("100%").css("background", "#6d6").css("position", "absolute")
+            $('<div>')
+                .addClass("column-header-recon-stats-matched")
                 .width(Math.round(stats.matchedTopics * 100 / stats.nonBlanks) + "%")
                 .appendTo(whole);
         }
diff --git a/src/main/webapp/scripts/views/data-table-view.js b/src/main/webapp/scripts/views/data-table-view.js
index 2de459844..13264442d 100644
--- a/src/main/webapp/scripts/views/data-table-view.js
+++ b/src/main/webapp/scripts/views/data-table-view.js
@@ -188,10 +188,18 @@ DataTableView.prototype.render = function() {
      */
     
     var trHead = table.insertRow(table.rows.length);
-    
-    var tdHeadIndex = trHead.insertCell(trHead.cells.length);
-    $(tdHeadIndex).attr("colspan", "2").addClass("column-header");
-    $('<img src="/images/menu-dropdown.png" />').addClass("column-header-menu").appendTo(tdHeadIndex).click(function() {
+    DOM.bind(
+        $(trHead.insertCell(trHead.cells.length))
+            .attr("colspan", "2")
+            .addClass("column-header")
+            .html(
+                '<table class="column-header-layout"><tr><td>&nbsp;</td>' +
+                    '<td width="1%">' +
+                        '<a class="column-header-menu" bind="dropdownMenu">&nbsp;</a>' +
+                    '</td>' +
+                '</tr></table>'
+            )
+    ).dropdownMenu.click(function() {
         self._createMenuForAllColumns(this);
     });
     
diff --git a/src/main/webapp/styles/project/browsing.css b/src/main/webapp/styles/project/browsing.css
index f7b6900aa..5ed1fdc24 100644
--- a/src/main/webapp/styles/project/browsing.css
+++ b/src/main/webapp/styles/project/browsing.css
@@ -31,6 +31,7 @@ li.facet-container {
     border: 1px solid #ccc;
     border-bottom: 0px;
     padding: 3px 5px;
+    padding-right: 2px;
     background: #eee;
     font-weight: bold;
     cursor: move;
@@ -111,7 +112,7 @@ a.facet-choice-edit:hover {
 img.facet-choice-link {
     text-align: baseline;
     cursor: pointer;
-    margin: 0 2px;
+    margin-left: 2px;
     float: right;
 }
 
diff --git a/src/main/webapp/styles/views/data-table-view.css b/src/main/webapp/styles/views/data-table-view.css
index 83887b24a..e1eae5e12 100644
--- a/src/main/webapp/styles/views/data-table-view.css
+++ b/src/main/webapp/styles/views/data-table-view.css
@@ -40,16 +40,45 @@ table.data-table td.column-header {
     font-weight: bold;
 }
 
+table.column-header-layout {
+    border-collapse: collapse;
+    width: 100%;
+}
 table.column-header-layout td {
     padding: 0px;
     font-weight: bold;
 }
-
-img.column-header-menu {
-    position: relative;
-    top: -5px;
-    left: 5px;
+a.column-header-menu {
+    display: block;
+    margin-left: 5px;
+    width: 19px;
+    height: 19px;
+    background-image: url(../../images/menu-dropdown.png);
+    background-repeat: no-repeat;
+    background-position: 0px 0px;
 }
+a.column-header-menu:hover {
+    background-position: -19px 0px;
+}
+.column-header-recon-stats-bar {
+    margin-top: 5px;
+    height: 3px;
+    max-height: 3px;
+    background: #333;
+    position: relative;
+    width: 100%;
+}
+.column-header-recon-stats-blanks {
+    position: absolute;
+    height: 100%;
+    background: white;
+}
+.column-header-recon-stats-matched {
+    position: absolute;
+    height: 100%;
+    background: #6d6;
+}
+
 
 .viewPanel-summary {
 }