From 9ce27dddda8bfd1a284dba10ea5ba97bc9ca51f4 Mon Sep 17 00:00:00 2001
From: Max Ogden <max@maxogden.com>
Date: Sat, 2 Jul 2011 16:06:19 -0700
Subject: [PATCH] click handler logic for menus

---
 .../images/css3buttons_backgrounds.png        | Bin 1367 -> 0 bytes
 attachments/images/css3buttons_icons.png      | Bin 3322 -> 0 bytes
 attachments/pages/index.html                  |  15 +++-
 attachments/script/removalist.js              |  26 ++++++
 attachments/script/site.js                    |  40 +++------
 attachments/script/util.js                    |  14 ++++
 attachments/style/css3buttons.css             |  79 ------------------
 attachments/style/data-table.css              |   4 +-
 attachments/style/demo.css                    |  12 +--
 attachments/style/images/down-arrow.png       | Bin 0 -> 971 bytes
 .../{ => style}/images/loader-blue.gif        | Bin
 attachments/{ => style}/images/loader.gif     | Bin
 12 files changed, 72 insertions(+), 118 deletions(-)
 delete mode 100644 attachments/images/css3buttons_backgrounds.png
 delete mode 100644 attachments/images/css3buttons_icons.png
 delete mode 100644 attachments/style/css3buttons.css
 create mode 100755 attachments/style/images/down-arrow.png
 rename attachments/{ => style}/images/loader-blue.gif (100%)
 rename attachments/{ => style}/images/loader.gif (100%)

diff --git a/attachments/images/css3buttons_backgrounds.png b/attachments/images/css3buttons_backgrounds.png
deleted file mode 100644
index 7e440cd716b2fd0d07af5571bece6d2afd472cfc..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 1367
zcmah}Ye<t}6h7NN=jVN1iVTevDMp2tBD2jkmsaym^=B3?{nH<{fn*vc%SLDzft4;2
zLnw*}wL)|{$V@75Ix114X^v<kR8&UUkIc^bc5zbKevJ41-gBPwoaa36Tc4kMB*=fW
zKL7+NkES03;Ija{U{;7<W^?901NdxFrl*~#ES#HsaxFSJLjKnLVkW!In%feY@AK$z
zYRR;sA!zjFl|7jmQ(?bSw(jhybi7fi)oOD9OoxnD0f<GQ6|o>^84%m5X5;uE3CAVF
z2N9nKtOSqrVt}o#u!ao`Oz-VzRsdAU5?8-h#`yueUg8f`IEZS-7|`VfI;%CEN6Z_3
zu0odpbaDWNS1qDMJRHmR_`Dr_xU)E#1e!2pWLmb^BVoa2Gvpw~q=lIH5>?Y&xBxWz
z*NxjilaK~55RCa{c$#P~_2t3DZG<nv1>3y|v<q~|QHsd`@h+@TqznZ%>ng}6D0jCI
z#My|y@GRD~poA$rDlUvizOzl(O8?gbApmZ<@asRjSh~Jq><WYuTklwv5R3*@7Lw^R
zV5&xc?!$2gDq^XFr}tQhqO$s~SqzZO<DWGerJ$X4qX0xr5j<@tM(NzNt!HwaQ(D^^
z!Fd|_`PdKY4Adki6lq(n#!gbr<*ht8JHntS>##>J)O}ldzEYVP3KJ%WOaAZiLYPi4
zm)4>fuRcZbwC|<ea&!hU<m4w*a)oUlsutXy!Ut>HcBh!0^Ks1645RQAC`E<1zD|`h
zFyKz-<oJlY{p3XsLVA;dL1T3>!VckBG`%ANfd4hHIG)TINi`%wGYq>1VIcU+emL6-
zTzGg99Sh=fEZp~?2wT-rD4B}e&}az2lSkI#HsltX0deL+Ponc_lh_f136mFE?NR|u
zwfG>yItDV??GKt8K|5?&x=5ocBaK?T5(b^3mmefflDk;meW59+wLs`>!Al&@=hUAU
z3i;M!d2aw3W)G^X{X%yu2?zPNOG=N0t3t6%CX?Q0p@bXT%sUqP%f<@03+t}umec*L
zm^iQZshUyRPDlMJ*1#d<+6Ra;G_x8&T>fZ>;2#P=Tq6iDN({G_ajy7NX5^-~D^Az`
E2JT=&k^lez

diff --git a/attachments/images/css3buttons_icons.png b/attachments/images/css3buttons_icons.png
deleted file mode 100644
index d858c9a5c1b357f2d703fd6baf2f4d2903839c4a..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 3322
zcmd5;_d6Sm_l?*yloqi!rKLtuC3dJ#>y4r{TB}BEMUBL4tF76n8Kcyyy@Q0-Xc5#N
z5qqyHs^-W0ecnIf`_nnkbMHCNx%Y?r+}FlNP)0g19RL7e)YsECy+Q^6fZUsg{EDq!
z7Fk>Y+8Ac8bA^V64-JisFE20upOC90Wf7#mSIKVsnHre^Kp+qwAD^_eGz0>9`0$~v
zt*xi0XLxvce0)3xgQ=*fz~OKM0|O)yX?J(`JffiJN=f$A0IGdwa+=2n0HB}H*VZt1
znXR*m3(mX8%(PG-=<HT3_(jh`yUM5c6hchn5}4fHVHrTQeaQ;vB+u%DU8Lm@JRnaC
z=H$A)5x+T59W1rm>FP}PG^}sYv@HL<=TgCk20z@RdFB0yCbPTAH>H{HwdtPaoVb4?
zKmR-9%~$GV_i_<viX$DC=#zljk-!M3dW4YH+<gKu5|)^3Imi~oZ961YQr8u4``VG>
zxWIPGqim|f)Bt)$>Ha37FQQO9X(`6ZWC{!k6G>!QNDX`5P~~c1a0`103Ow2J3Q-d{
z-ZGN8O%#jR(WXm%kB`Q`>~>8hBIK0)u&H4Y28?{WULHS3Nm#`1ZB_+L^H=u<(~T&*
z(e1Suf2eCJ`x#v*b@_|K^{ATp0<%9Jeb<VX-(9S6S*a7{p&g8<+rp1%QYennM}G)U
zp3JqFKr|-t-Mr<0o0VN#L)&s!Or3on1FaSlwsG$A#UEJ0qT3=(#@HwcF{yOtWxSlp
zz3oZZ9lP(16tTV9ORw+YS78qR>w!6aU_r@zPbXQ~oUco{tL9;8miu$w;`zBXKiMZO
zI70|Jchi85W6YMEp>oNIWR4dT(9FVrrs3;s%Q~a*ARBu@i{Uq{8Z&S+9ooizmV%NJ
zHu99U7cURRwOD$lYhsZjExr$2<x%^AKxfz0!kxt#l@(5<N6G!2>-cssY{_-DQb@Ep
zP4WSLZJoAEbNB!Ox^_OMh-pbxN8P1Vcdd=#AENlNN}E}nmC+pUd->6y2=nQ8BsY3F
z@i=>At}4ayuIdEx0(Hg<ai+VB-v?d9VA6f4fzbXmeAZM`@oy!eF%7rB`Kik{W|XJV
z1}|B=`l`3vZ!qexpfJ9po@57HVLb;F+zQUX7gzZRi!;hLlCx84_*0u93H!%GP{|`h
zN(4jMO8z)5qC2BswgD9y-Ig3&Q5oL$-F<al&22(IlAk#o)TONU&f}}7Qj#|~Pf5|Q
zw~$540sN}3YCJYXbt^uaaZB<btB=%yZc3f}F|Wolq0FFl$5Ux+9M_{FFTC56(=wbr
zFQzI)D%uk=`~{H|VG|bFUj+O+M%q-<I^XyIy7CSD41QcNhB<IvIOj)2IJ9<y@Fu>Z
zUWEaO6PH=CjqFRYJ&wSo0cQ}IV}Sf_TDWOkPJ^@FneI`FhI2ZKrT1+x=MX<h1!>N9
zNgF~{3+bqjL&~b8H!NZL1lJNw&IGW>PONAm+64Do5FB8SlRBqv>?p6nzo3V05S&zY
z(IHh!k)2PNq@{uC@H&}J_N5ZZ!Y`#-4Qa)r1=jt0!0Igad5HAbYGdMr@P!K*Zs;y(
z%G&4o_q0yeYH?W|ZYn0ZPMUE!hbgdAu!@C!u@*tk?oe+`pjvI0n|CGd5L^>W9TwU@
z1Qj^{{0%YoXg&Dj*qtY3<0)!h$#${jQx*(V-u^e=smTQTOiJxRhT9h_Zru^(rLVy<
zTfG(f_)$<$c!E>5#~Ov8U55y1vf6uZKC|j(KvC%!F=a$a$5rcGvhNZChv?p>=UYa*
zd->#CDn1)5n0!KWtNZkH-tIejEOe4TfkdL@X$HG~`sbEkOp9;CIR1krR;4UPCQp{G
z{S-@SBt{;99T*@QA>R@kAp$iwd-_Vm<Vu?<f^h69>r}3vDidJ?rO1C}T=k;@Z(Zbc
zD@oQl;tWXH6SOdpcTH-pjXKPx6^y&Ty7WUYX7C-m_QFtIWMh^O2pFPF^R(wk3iDYb
zA+I7ImUezm<S(YNf6)TOrRXfZGfl@I`DTyD7^$8t#yLJ&)nG4mv!P4BH{vY4(Mk9H
z%}r*}V1g=**Om;dajuh19%N5OCs8O<Ls}7rh&3bk+0BgC#acZysICh@asVb`5BHJh
zBC4Oz_YdGbnMn#0wP*(PS9?$F7kUSbqk?mFh4IPq;#t~*@sh`$|COdFs|Tv51`2jT
z;-~xG7Y_X2Jk*=AmRbx^BfjQJSxR{a95*PQD!lu=XGli2B@CQ(At+Lfa=~e?qv~Mw
z7xbuvwZScdey*I|addGDOziz}sCW=<W^i_&h%_0Ey){c^L$glv<g+IH%TVED9ief7
zHbGE#SO<9B@j|0N;%>|~Yf?;usF`IH3-P!gcmt&%AFvkRmURnY^Khk0xDLq!wh-xR
z21VMx6Cm#$vay8@=Wy+NZHZ}rT!|A>p!Wm5ln`cw2>zczpeI=z9t>7Ffc`0<#BY9|
z`S=N4`DC#~_z}fZ8Ep>PO74?-9^0&3k+e7fw&^KP%Ul+JfegQ-f$`%>)bBQ?LdonV
zAdGfgZdu8-ifCp}N#!#Ozg}^7CST#c3$gx&n3Y9bY(3>nbe!V=#PboGbdXq&I782m
zYix=h3YyB?U?=^VS@%~NPTWxNv??Rqj-S2xd0^c<?^Hsbo?9HhPQOdUlHZ?Gd81j$
zoq<^c)O^rZE3*Xtabk@u9`N8FP|B(VRS;=#V49RAc;=(zajFJMwtiz<W1ZA}s)iMb
z0_>SN6f#7~&>FW598e8V1+tyI=q8W%?&b7RTX!@3$apPYd*PMH@SDcvWr~GfT7%Ez
z$sIgqrq+z2HKIt{(q2b}zZ+M#`^*-h3?(S;x>-Gqd^{Y}x2Ls$7Wu^cD%|0aGdW2c
z%zy^NoD2cDj%tSU3dDvQ;k+dVOnGBIfxCU#czReLA<SWU=$GWU=Wh+KXYlh$Sl=2n
zx8#s@%BVbL6bfQgpp)tlP>ygDA`a_|9_YeVvmDZ}XS(qEKI+?{Y0+}&N%TU!?yLd0
z`JJj_?2hn7+q$dQdis;va?GH<;)C~<%~_c$^DJYCLqj}m%W?4zocq3i1LqXzA@eoT
zmlYikp45>59{<YI9_$c3a=TyijAuHdz`SB+wl8WP+4SqUUTp0qErt^CwOyXaXAd9*
zo&p(cIa&3`b=}i@?#{b=Fv81!Tti-_)gKdB(lqjo^5baeyyZaS4$-~wq=3Hk`jd{B
z3xs0EcEC@f?H5tj=9Lm2Dlf0k0sk%ov*YjDO7uB2VDCt{{p-$gNVahGv#8wNVFim@
zTzJx&|IhZE#@!tv_n+1p?>7CEmXJ~v1ST}Vu0rg2!FP=c<nA>-T}I$S4Q6h=06n-+
zY}mIIfc;Ee4`lt*>)=_9&))teg<?@v?5Ohu!)n=Px4ra#9cgkYyh2$++GRI3DYK`d
zUUO%}a~FT`8YaQBqxQ2&{I1*ZYI5#6X*UNs|Ba=y1JoJDl2-B5V_Cmw?K!icM?(_N
zTv4c{P)4zw*sAlh-w-zG;(0<~*HjpT?jzgjP0bO4oAiejAo$N$gHyBeIfk{Vyr(vu
zc5{d6N47<87XV}V&6-u}%fC2n$vd1t9ASy9$We}+7lp0CTgU|wIYO*+*@+T|K=b!a
zh8(zVm}ozx{Law8$qX+VIWZk4N=6Q4*~S@jwxdl-R${bidKa(#XJpAd__HwC$WQqM
z<Yj}_SUDfczpK`8`6<F`BZ1Zxa`F1~&1*=cQaQt${!EFV7ZzIzm0vAJvSoJo9u2vW
zf1p|%!v|YZ(VkR6?@1i`it3rg!V=Wf#6mm2VeFISsYILz45g8`j=-O^Zd%thhP%|v
z4ZiR9TGI6TIoD7$yJYy8kCaD;hsj&j8qXLlN}S~{NFc}?$EbiOBIY=Y#YHkQ^MI@-
zHeaT1x~&BGzO{MMMR;)BO$xc81o%F81F`AgmDbE-t>Fjt>3ukO@@)n362gP>iA?e;
z$dseC*=lb1@|Oy8XuxEI?Tg8uIFe&r(eFXr{uq0$5Y~OZ0_#3`xmg|56uPv*+tu7%
zyF+$cU^Qo485qD6OMJHYGCmz@?sSw``jTUlcet6lF)B0CW|d|_nL8l<-L9%@o3GT(
z(%ui#Sq9X0<-uIDCa-Y_s1al-`kJFnZc$+flZ14}88_svQU)c@p^^PF|0X)D?>e%z
zQ&hkxsbV_ucYe#0JecKB-(O?X+53N$!`zLnc7f;gEwJwH<+2yDR}VixU&lzhT+=S%
Ee|IBwIRF3v

diff --git a/attachments/pages/index.html b/attachments/pages/index.html
index 8cef8ece..bcfece7c 100644
--- a/attachments/pages/index.html
+++ b/attachments/pages/index.html
@@ -4,7 +4,6 @@
 	<meta charset="utf-8"> 
 	<title>CouchDB Data Explorer</title> 
 	<link rel="stylesheet" href="style/reset.css" media="screen">
-	<link rel="stylesheet" href="style/css3buttons.css" media="screen"> 
 	<link rel="stylesheet" href="style/data-table.css" media="screen"> 
 	<link rel="stylesheet" href="style/demo.css" media="screen">
 	<script type="text/javascript" src="script/jquery-1.6.1.min.js"></script>
@@ -20,7 +19,7 @@
 <body>
 	<div class="container">
 	  <div class="menu-overlay" style="display: none; z-index: 101; ">&nbsp;</div>
-    <ul class="menu">
+    <ul class="menu" id="menu">
     	<li><a class="transform" href="JavaScript:void(0);">Transform...</a></li>
     </ul>
     <div id="header">
@@ -72,12 +71,20 @@
   </script>
   
   <script type='text/mustache' id="actionsTemplate">
-    <a href="javascript:void(false)" class="button csv"><span class="downarrow icon"></span>Download CSV</a>
+    <a class="button" id="export-button" href="javascript:{}"><span class="button-menu">Export</span></a>
   </script>
   
+  <script type='text/mustache' id="exportActionsTemplate">
+    <li><a class="csv" href="JavaScript:void(0);">CSV</a></li>
+  </script>
+  
+  <script type='text/mustache' id="columnActionsTemplate">
+    <li><a class="transform" href="JavaScript:void(0);">Transform...</a></li>
+  </script>
+
   <script type='text/mustache' id="titleTemplate"><span id="project-name-button" class="app-path-section">{{db_name}}</span></script>
   <script type='text/mustache' id="bulkTemplate">http://{{host}}/{{db_name}}/_bulk_docs</script>
-  <script type='text/mustache' id="generatingTemplate"><div class="loading">Precomputing CSV...</div></script>
+  <script type='text/mustache' id="generatingTemplate"><div class="loading">Loading...</div></script>
   
   <script type='text/mustache' id="tableContainerTemplate">
     <div bind="rightPanelDiv" id="right-panel">
diff --git a/attachments/script/removalist.js b/attachments/script/removalist.js
index e0633568..162cbce8 100644
--- a/attachments/script/removalist.js
+++ b/attachments/script/removalist.js
@@ -4,6 +4,31 @@ var removalist = function() {
     return (parseFloat(bytes)/1024/1024).toString().substr(0,4) + "MB"
   }
   
+  function handleMenuClick() {
+    $( '.menu .csv' ).click(function( e ) {      
+      window.location.href = app.csvUrl;
+      e.preventDefault();
+    })
+    
+    $( '.menu .transform' ).click(function( e ) {      
+      $('.dialog-overlay').show();
+      $('.dialog-container').show();
+      util.render('bulkEdit', 'dialog-content');
+      $('.cancelButton').click(function(e) {
+        $('.dialog-overlay').hide();
+        $('.dialog-container').hide();
+      })
+      $('.menu').hide();
+      $('.menu-overlay').hide();
+      e.preventDefault();
+    })
+    
+    $( '.menu li' ).click(function() {
+      $('.menu').hide();
+      $('.menu-overlay').hide();
+    })
+  }
+  
   function renderRows(response) {
     var rows = response.rows;
     
@@ -125,6 +150,7 @@ var removalist = function() {
   
   return {
     formatDiskSize: formatDiskSize,
+    handleMenuClick: handleMenuClick,
     bootstrap: bootstrap,
     fetchRows: fetchRows,
     activateControls: activateControls,
diff --git a/attachments/script/site.js b/attachments/script/site.js
index 744eafeb..9d81e19c 100644
--- a/attachments/script/site.js
+++ b/attachments/script/site.js
@@ -15,24 +15,6 @@ app.handler = function(route) {
 app.routes = {
   home: function() {
     removalist.bootstrap();
-    
-    $( '.csv' ).live('click', ( function( e ) {      
-      window.location.href = app.csvUrl;
-      e.preventDefault();
-    }))
-    
-    $( '.transform' ).live('click', ( function( e ) {      
-      $('.dialog-overlay').show();
-      $('.dialog-container').show();
-      util.render('bulkEdit', 'dialog-content');
-      $('.cancelButton').click(function(e) {
-        $('.dialog-overlay').hide();
-        $('.dialog-container').hide();
-      })
-      $('.menu').hide();
-      $('.menu-overlay').hide();
-      e.preventDefault();
-    }))
   },
   page: function(id) {
     removalist.getPageSize();
@@ -44,15 +26,19 @@ app.after = {
     removalist.activateControls();
   },
   dataTable: function() {
-    $('.column-header-menu').click(function(e) {
-      var offset = $(e.target).offset();
-      $('.menu-overlay').show().click(function(e) {
-        $(e.target).hide();
-        $('.menu').hide();
-      });
-      $('.menu').show().css({top: offset.top + 20, left: offset.left});
-    })
-  }
+    $('.column-header-menu').click(function(e) { 
+      util.show('menu', e);
+      util.render('columnActions', 'menu');
+    });
+  },
+  actions: function() {
+    $('.button').click(function(e) { 
+      util.show('menu', e, {left: -60});
+      util.render('exportActions', 'menu');
+    });
+  },
+  exportActions: removalist.handleMenuClick,
+  columnActions: removalist.handleMenuClick
 }
 
 app.sammy = $.sammy(function () {
diff --git a/attachments/script/util.js b/attachments/script/util.js
index db090e16..f1555095 100644
--- a/attachments/script/util.js
+++ b/attachments/script/util.js
@@ -23,6 +23,19 @@ var util = function() {
     }
     return exists;
   }
+  
+  function show( thing, elem, offset ) {
+    var position = $(elem.target).offset();
+    if (offset) {
+      if (offset.top) position.top += offset.top;
+      if (offset.left) position.left += offset.left;
+    }
+    $('.' + thing + '-overlay').show().click(function(e) {
+      $(e.target).hide();
+      $('.' + thing).hide();
+    });
+    $('.' + thing).show().css({top: position.top + $(elem.target).height(), left: position.left});
+  }
 
   function render( template, target, options ) {
     if ( !options ) options = {data: {}};
@@ -122,6 +135,7 @@ var util = function() {
   
   return {
     inURL: inURL,
+    show: show,
     render: render,
     formatMetadata:formatMetadata,
     getBaseURL:getBaseURL,
diff --git a/attachments/style/css3buttons.css b/attachments/style/css3buttons.css
deleted file mode 100644
index f737bfe7..00000000
--- a/attachments/style/css3buttons.css
+++ /dev/null
@@ -1,79 +0,0 @@
-a.button { display: inline-block; padding: 3px 5px 3px 5px; font-family: 'lucida grande', tahoma, verdana, arial, sans-serif; font-size: 12px; color: #3C3C3D; text-shadow: 1px 1px 0 #FFFFFF; background: #ECECEC url('../images/css3buttons_backgrounds.png') 0 0 no-repeat; white-space: nowrap; overflow: visible; cursor: pointer; text-decoration: none; border: 1px solid #CACACA; -webkit-border-radius: 2px; -moz-border-radius: 2px; -webkit-background-clip: padding-box; border-radius: 2px; outline: none; position: relative; zoom: 1; *display: inline; }
-a.button.primary { font-weight: bold }
-a.button:hover { color: #FFFFFF; border-color: #388AD4; text-decoration: none; text-shadow: -1px -1px 0 rgba(0,0,0,0.3); background-position: 0 -40px; background-color: #2D7DC5; }
-a.button:active,
-a.button.active { background-position: 0 -81px; border-color: #347BBA; background-color: #0F5EA2; color: #FFFFFF; text-shadow: none; }
-a.button:active { top: 1px }
-a.button.negative:hover { color: #FFFFFF; background-position: 0 -121px; background-color: #D84743; border-color: #911D1B; }
-a.button.negative:active,
-a.button.negative.active { background-position: 0 -161px; background-color: #A5211E; border-color: #911D1B; }
-a.button.pill { -webkit-border-radius: 19px; -moz-border-radius: 19px; border-radius: 19px; padding: 2px 10px 2px 10px; }
-a.button.left { -webkit-border-bottom-right-radius: 0px; -webkit-border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -moz-border-radius-topright: 0px; border-bottom-right-radius: 0px; border-top-right-radius: 0px; margin-right: 0px; }
-a.button.middle { margin-right: 0px; margin-left: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-right: none; border-left: none; }
-a.button.right { -webkit-border-bottom-left-radius: 0px; -webkit-border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px; border-bottom-left-radius: 0px; margin-left: 0px; }
-a.button.left:active,
-a.button.middle:active,
-a.button.right:active { top: 0px }
-a.button.big { font-size: 16px; padding-left: 17px; padding-right: 17px; }
-a.button span.icon { display: inline-block; width: 14px; height: 12px; margin: auto 7px auto auto; position: relative; top: 2px; background-image: url('../images/css3buttons_icons.png'); background-repeat: no-repeat; }
-a.big.button span.icon { top: 0px }
-a.button span.icon.book { background-position: 0 0 }
-a.button:hover span.icon.book { background-position: 0 -15px }
-a.button span.icon.calendar { background-position: 0 -30px }
-a.button:hover span.icon.calendar { background-position: 0 -45px }
-a.button span.icon.chat { background-position: 0 -60px }
-a.button:hover span.icon.chat { background-position: 0 -75px }
-a.button span.icon.check { background-position: 0 -90px }
-a.button:hover span.icon.check { background-position: 0 -103px }
-a.button span.icon.clock { background-position: 0 -116px }
-a.button:hover span.icon.clock { background-position: 0 -131px }
-a.button span.icon.cog { background-position: 0 -146px }
-a.button:hover span.icon.cog { background-position: 0 -161px }
-a.button span.icon.comment { background-position: 0 -176px }
-a.button:hover span.icon.comment { background-position: 0 -190px }
-a.button span.icon.cross { background-position: 0 -204px }
-a.button:hover span.icon.cross { background-position: 0 -219px }
-a.button span.icon.downarrow { background-position: 0 -234px }
-a.button:hover span.icon.downarrow { background-position: 0 -249px }
-a.button span.icon.fork { background-position: 0 -264px }
-a.button:hover span.icon.fork { background-position: 0 -279px }
-a.button span.icon.heart { background-position: 0 -294px }
-a.button:hover span.icon.heart { background-position: 0 -308px }
-a.button span.icon.home { background-position: 0 -322px }
-a.button:hover span.icon.home { background-position: 0 -337px }
-a.button span.icon.key { background-position: 0 -352px }
-a.button:hover span.icon.key { background-position: 0 -367px }
-a.button span.icon.leftarrow { background-position: 0 -382px }
-a.button:hover span.icon.leftarrow { background-position: 0 -397px }
-a.button span.icon.lock { background-position: 0 -412px }
-a.button:hover span.icon.lock { background-position: 0 -427px }
-a.button span.icon.loop { background-position: 0 -442px }
-a.button:hover span.icon.loop { background-position: 0 -457px }
-a.button span.icon.magnifier { background-position: 0 -472px }
-a.button:hover span.icon.magnifier { background-position: 0 -487px }
-a.button span.icon.mail { background-position: 0 -502px }
-a.button:hover span.icon.mail { background-position: 0 -514px }
-a.button span.icon.move { background-position: 0 -526px }
-a.button:hover span.icon.move { background-position: 0 -541px }
-a.button span.icon.pen { background-position: 0 -556px }
-a.button:hover span.icon.pen { background-position: 0 -571px }
-a.button span.icon.pin { background-position: 0 -586px }
-a.button:hover span.icon.pin { background-position: 0 -601px }
-a.button span.icon.plus { background-position: 0 -616px }
-a.button:hover span.icon.plus { background-position: 0 -631px }
-a.button span.icon.reload { background-position: 0 -646px }
-a.button:hover span.icon.reload { background-position: 0 -660px }
-a.button span.icon.rightarrow { background-position: 0 -674px }
-a.button:hover span.icon.rightarrow { background-position: 0 -689px }
-a.button span.icon.rss { background-position: 0 -704px }
-a.button:hover span.icon.rss { background-position: 0 -719px }
-a.button span.icon.tag { background-position: 0 -734px }
-a.button:hover span.icon.tag { background-position: 0 -749px }
-a.button span.icon.trash { background-position: 0 -764px }
-a.button:hover span.icon.trash { background-position: 0 -779px }
-a.button span.icon.unlock { background-position: 0 -794px }
-a.button:hover span.icon.unlock { background-position: 0 -809px }
-a.button span.icon.uparrow { background-position: 0 -824px }
-a.button:hover span.icon.uparrow { background-position: 0 -839px }
-a.button span.icon.user { background-position: 0 -854px }
-a.button:hover span.icon.user { background-position: 0 -869px }
diff --git a/attachments/style/data-table.css b/attachments/style/data-table.css
index f2566449..86a9ae3f 100644
--- a/attachments/style/data-table.css
+++ b/attachments/style/data-table.css
@@ -427,7 +427,7 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 }
 
 #project-controls {
-  margin-top: 1px;
+  margin: 3px 2px 0px 0px;
   display: block;
   float: right;
   font-size: 1.3em;
@@ -1131,7 +1131,7 @@ OF THIS SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
 }
 
 .button-menu, a.button-menu {
-  background: url(/images/down-arrow.png) no-repeat right 6px;
+  background: url(images/down-arrow.png) no-repeat right 6px;
   padding-right: 12px;
 }
 
diff --git a/attachments/style/demo.css b/attachments/style/demo.css
index 96c71ac9..d375705b 100644
--- a/attachments/style/demo.css
+++ b/attachments/style/demo.css
@@ -19,13 +19,13 @@
  #database h2{margin:0;}
  #database .group{border-top:1px solid #bedce7;}
  #database .separator{padding-top:1em;}
- #database .envelope{border-bottom:1px solid #bedce7;border-left:1px solid #bedce7;border-right:1px solid #bedce7;padding:0 .7em .7em .7em;background:#eaf2f5 url(../images/bg_gradient.gif) 0 100% repeat-x;overflow:hidden;}
+ #database .envelope{border-bottom:1px solid #bedce7;border-left:1px solid #bedce7;border-right:1px solid #bedce7;padding:0 .7em .7em .7em;background:#eaf2f5 url(images/bg_gradient.gif) 0 100% repeat-x;overflow:hidden;}
  #database .envelope.selected{background:#fffeeb!important;}
  #database .envelope.selected .machine span{border-bottom:1px dotted #4183c4;}
  #database.single_database .envelope .machine span{border-bottom:1px dotted #4183c4;}
  #database .machine{float:right;width:18em;padding:.8em 0 .8em 1.2em;border-left:1px solid #bedce7;color:#808080;font-family:Monaco,"Courier New","DejaVu Sans Mono","Bitstream Vera Sans Mono",monospace;font-size:.85em;line-height:1.5em;}
- #database .dbInfo {background:#fff url(../images/bg_gradient.gif) 0 100% repeat-x;}
- #database .action {background:#eaf2f5 url(../images/bg_gradient.gif) 0 100% repeat-x;}
+ #database .dbInfo {background:#fff url(images/bg_gradient.gif) 0 100% repeat-x;}
+ #database .action {background:#eaf2f5 url(images/bg_gradient.gif) 0 100% repeat-x;}
  #database .database_oneline td{border-bottom:1px solid #bedce7;}
  #database .database_oneline .date{color:#888;width:1%;padding:0 1em 0 .5em;border-left:1px solid #bedce7;}
  #database .database_oneline .author{width:15%;}
@@ -39,9 +39,9 @@
  a {text-decoration: none;}
  a:hover{text-decoration:underline;}
  .usingMouse a{outline:none;}
- a.button span.icon.loading { background-image: url(../images/loader.gif); }
- .loading { background-image: url(../images/loader.gif); background-repeat: no-repeat; padding-left: 15px; background-position: 0px 3px;}
- a.button:hover span.icon.loading { background-image: url(../images/loader-blue.gif); }
+ a.button span.icon.loading { background-image: url(images/loader.gif); }
+ .loading { background-image: url(images/loader.gif); background-repeat: no-repeat; padding-left: 15px; background-position: 0px 3px;}
+ a.button:hover span.icon.loading { background-image: url(images/loader-blue.gif); }
  #couchLogo {float: left; margin-right: 5px; margin-top: 3px}
 
 .menu-overlay {
diff --git a/attachments/style/images/down-arrow.png b/attachments/style/images/down-arrow.png
new file mode 100755
index 0000000000000000000000000000000000000000..f172a16234ca91c04ffc9d7cddd898870d6f3620
GIT binary patch
literal 971
zcmaJ=J#W)M7(Nk*N>L>`mZc{b!P5AX#I+Su1v{ojaTFzy$QZ}IBvxvlu`k5QgeoyG
zqy7uTiUb1)vG5NNI}1p3La@O(O;QGeCHwAu^*qn}>1U1l{jJR#n*e|<>&R%*^D2Gw
z8#(&DwPXCG#}27>NDKGL#EB88c({k46*vRbM2<Io^bwT-$T5DqLppX%b#cHt8HP=R
zh_V4FAEuGxju3%8H1I=>IeYV#fxf3P4~sT$M>-n%N3$5UX7#o^8@Y<d9NvZHRHXs|
zA`VQ0<1kTEjhXAJ^q#pn2F@X5q%r47b?gSzag1P*<qIxf;$cZ(1?i3~%llB|1)k$Y
zP7n)%tV*KF^KkJnG+ONS)uv%CVo^(DhJ-{a$4w>^b|SGj9&m!9D4B*R7AT^SOhe+N
zg)rG$Di|nnV?QE34q>L~^zfKy49)bsgdkeUhRLE$v|(K8M4Z6#SxHNvZT}w{1S@nx
zn&=|me+nn<X@s~YO7J*#>EQZ%S*S?WW8@GVw=q6mcCj(U1SdlrLA_Okw&VI?X3z1q
zty*D1oX|y<p)pi}^?gs3%&J^fst3AhN`hdRiXtBvdPz5myjhWi%93kfcO0OQEV<qV
zS6R!=Rw0OJWCO+iW8|4J4&c0G)nA`WX|3LZ>#fg4Ud!cZGF&#;zXrW@(e25utF@)Z
zYVlD>w>_q7J*=EPrN2bJQEOKvN&5Ev*N@llKT*#m(yX_BgD<c62h`fNj7mHG-0ONz
qfSETpo^OBXU6$VM-#pnqy>h(^axcK`ucx(Z6bh_r-FSJgd-4ZJH!76?

literal 0
HcmV?d00001

diff --git a/attachments/images/loader-blue.gif b/attachments/style/images/loader-blue.gif
similarity index 100%
rename from attachments/images/loader-blue.gif
rename to attachments/style/images/loader-blue.gif
diff --git a/attachments/images/loader.gif b/attachments/style/images/loader.gif
similarity index 100%
rename from attachments/images/loader.gif
rename to attachments/style/images/loader.gif