From e1e9f2340b79b39fd6a76db0dad53bc0041a654e Mon Sep 17 00:00:00 2001 From: Thierry Parmentelat Date: Sun, 11 Jan 2009 15:11:47 +0000 Subject: [PATCH] sortable columns header --- planetlab/css/demo.css | 35 ----------------- planetlab/css/plc_table.css | 37 +++++++++++++++++- planetlab/icons/tablesort_header.jpg | Bin 0 -> 1792 bytes planetlab/icons/tablesort_header_down.jpg | Bin 0 -> 1575 bytes planetlab/icons/tablesort_header_sortable.jpg | Bin 0 -> 1533 bytes planetlab/icons/tablesort_header_up.jpg | Bin 0 -> 1573 bytes 6 files changed, 36 insertions(+), 36 deletions(-) create mode 100644 planetlab/icons/tablesort_header.jpg create mode 100644 planetlab/icons/tablesort_header_down.jpg create mode 100644 planetlab/icons/tablesort_header_sortable.jpg create mode 100644 planetlab/icons/tablesort_header_up.jpg diff --git a/planetlab/css/demo.css b/planetlab/css/demo.css index 6e710cd..3273576 100644 --- a/planetlab/css/demo.css +++ b/planetlab/css/demo.css @@ -113,41 +113,6 @@ td.total text-transform:uppercase; letter-spacing:1px; } -th.sortable, -th.sortable-text, -th.sortable-date, -th.sortable-keep, -th.sortable-date-dmy, -th.sortable-numeric, -th.sortable-currency, -th.sortable-sortByTwelveHourTimestamp, -th.sortable-sortIPAddress, -th.sortable-sortEnglishLonghandDateFormat, -th.sortable-sortScientificNotation, -th.sortable-sortImage, -th.sortable-sortFileSize, -th.sortable-sortAlphaNumeric, -th.sortable-sortEnglishDateTime - - { - cursor:pointer; - background: #CAE8EA url(../media/bg_header_sortable.jpg) no-repeat; - padding: 8px 12px 4px 16px; - } -th.forwardSort - { - background:#CAE8EA url(../media/bg_header_down.jpg) no-repeat 0 0; - } -th.reverseSort - { - background:#CAE8EA url(../media/bg_header_up.jpg) no-repeat 0 0; - } -table thead th.forwardSort a, -table thead th.reverseSort a - { - color:#000; - text-decoration:none; - } /* These styles should be added when very long tables are expected th.sort-active diff --git a/planetlab/css/plc_table.css b/planetlab/css/plc_table.css index 3566c0a..59d6683 100644 --- a/planetlab/css/plc_table.css +++ b/planetlab/css/plc_table.css @@ -17,7 +17,7 @@ th.plc_table text-transform: uppercase; text-align: left; padding: 8px 12px 4px 12px; - background: #CAE8EA url(../media/bg_header.jpg) no-repeat; + background: #CAE8EA url(/planetlab/icons/tablesort_header.jpg) no-repeat; vertical-align:middle; } td.plc_table @@ -28,3 +28,38 @@ td.plc_table padding: 6px 12px 6px 12px; color: #4f6b72; } +th.sortable, +th.sortable-text, +th.sortable-date, +th.sortable-keep, +th.sortable-date-dmy, +th.sortable-numeric, +th.sortable-currency, +th.sortable-sortByTwelveHourTimestamp, +th.sortable-sortIPAddress, +th.sortable-sortEnglishLonghandDateFormat, +th.sortable-sortScientificNotation, +th.sortable-sortImage, +th.sortable-sortFileSize, +th.sortable-sortAlphaNumeric, +th.sortable-sortEnglishDateTime + + { + cursor:pointer; + background: #CAE8EA url(/planetlab/icons/tablesort_header_sortable.jpg) no-repeat; + padding: 8px 12px 4px 16px; + } +th.forwardSort + { + background:#CAE8EA url(/planetlab/icons/tablesort_header_down.jpg) no-repeat 0 0; + } +th.reverseSort + { + background:#CAE8EA url(/planetlab/icons/tablesort_header_up.jpg) no-repeat 0 0; + } +table thead th.forwardSort a, +table thead th.reverseSort a + { + color:#000; + text-decoration:none; + } diff --git a/planetlab/icons/tablesort_header.jpg b/planetlab/icons/tablesort_header.jpg new file mode 100644 index 0000000000000000000000000000000000000000..10dbd74e8acdbe80927dce4af7f5ad0b6d1dcf08 GIT binary patch literal 1792 zcmb_aVN6?982#?M@3oK8b$zUDBypQ;NvXBd4K|jEb8UbvxYW_59W5Hf(owQ8*+x)6 zofZ9oB~d2H)R97MhSs5}9cFF`3M8u$B`}10s z3Yg%42?A3XV~Qd%CMf~MK|l+HLZMJV(`h1+D2*2LkZ_PL0b!C92n1r97H3Grk_;JF zkuiLoNp8~AwmjGYU})G(&=@g5FbFe(iJVRBcOd4f3}#>t% zGT*EU7b}a3EnAAOeUWo+xbmK%j$ow8x~Xg9%tBt|rQFyLy(8g?%iHyJ;-+KoAk$;K|M3Pp`%KF<~e2ekZ0E`<26GUc<+5%|6%?0O07GWw{GlPntH|7t1@-R z-2zF5y@EjO{~>GpAFCR}|C{xZRd^S7e{%m4!}9N<>UVYjfzw~vzwIvT3hIw;Y^j{> zn%i@+zPzl?Z+B`;o>qB-Cs3~9h~;{#JYMYybn?t}y;UwV_XHH`MXG4<1j-hbDPkyc zIyosvKWpL*6}KbHi7ZJ`xyoP4x8iPe^2BJc`ebJBVq>GhIw~{w1{CTs&U}e#ekpSH z8LS@uW^&@>_}`y8^#1sdxtX(NzWA8$%0t1#Xw+gcj=P+F3iar5v(KwBh5V(>0iE@Y z1ow3($>%Pe)kirUrjWnH+%sr(`%BDTjj1!G^?_GoV&P-6S7TJD)8)TXDZe{*KHiS= zFe=oy%wA3DIA1Ig^~clYlykm0P@XQgU*ZgInR^B+k8tgMlyh#rIiStqwTGT>4!o#) zW_k+?PwY%YSU9HamrnElux3|woA~Dm;j@ky6$6@@AyF7V46_r$wg>2}f-eQgjNIBa z3yxZ?is?G8k^+b$RJ9bJ3O!Yk-L^sNKJcja!zfwnxSv!t!iXck9)(3f|5ftQ4HBj= zNd^w0!WeQjIigqdUidUoGds!`4N$vTq Kj*|P>$v*)|$<_t{ literal 0 HcmV?d00001 diff --git a/planetlab/icons/tablesort_header_down.jpg b/planetlab/icons/tablesort_header_down.jpg new file mode 100644 index 0000000000000000000000000000000000000000..7bc68a7112f1940fc476739c5f200b9770f235dd GIT binary patch literal 1575 zcmchXeQZ-@6voeczqu{#z4R_3D{QMpCM-b~Co^oaCC!?Sf$bnhB+v}k83FA88PLtG zH6#{HbcmVCLTqegVNnWOaMsziXp!k?1Yv}YWi(?3jQeoRF>tKc+}maYV#pGW&mT8A z=REK4yyv{h6|aa<;0g;&1%NPsQYZxw2Y@&1dS&ZgKtKRM4uCiWs{B&>W*d}-004mQ}E z&*iwe^OE?ac~ga%N(=$dz!MmQBOWjw;XD$<-~faG!x2miVFXT643agS20$22aDXrh z;W%ROLF*`jlMtJ}Uh(G{%Q@?rDiV}WPww!@#hKX&xi zFTWKj-v7>*zcp88bY>X7zx-!cpl(Z@uH<*ew%(4cRs7Qrn42QS;i6po>iVv-W1F8` z&~h{~(7f)XM!n%;+3od>FU=hEP}i{v=|URyhD-lX`$xOb*E+HaAAHq^2Rs!s{@8Lo(!Z&7`KpS`uN}3XUiWI>TO#-d8%C^4?EN{0 z;L^cQl5GA(n*vGf;hsIt5!8o=X}6kNkeZVxh2P;}nwbves*2Of)tG^HtNUe}lxI{^ zrxFm!RxUI5#hKZOFigAeGpl@)Z8zFYBO;{jy#8(F^VW}SWq$ja;Nr-_A0nN$n+HB^ zZMbu*=$_R#Hu;VE?%7C{@7%rBKOY*cQYVL+9Tj()_WY9ZZcfuKQ$u~D&l}MA%O^y5 z|K*{=Gb!!q!)8m*+wb)Y=YdKPkIK*qCp`BpfY&(?!UWkRZZwkJn{%NUds8y)NSpsYRJgw8Wxb zr(R;n_j$3}dV9D=f35M*jnT)3$7_yky?W}6PXFuO2lXwB->frPcs|>(B%{^&LRc~6 zSrat_0Ja;Pxozj?hdgj3lqvw|oaS^MJOEgwD-Q`QF@%3D05OhL=b2$ml%rd^r33&R zAhF%3M==15C)X(*U(`pAo1d!+4)(@O!Q!e|*7!uQ!~KOb{$G>e08TRilJEd@Z@hp8 QAit}N10;6+4ZFW`LI3~& literal 0 HcmV?d00001 diff --git a/planetlab/icons/tablesort_header_sortable.jpg b/planetlab/icons/tablesort_header_sortable.jpg new file mode 100644 index 0000000000000000000000000000000000000000..67d896e4307b356a843355d2b6fac49cd9a0f930 GIT binary patch literal 1533 zcmex=Zx{q!N|UoI85kK@7#J9A7#RM)W8ia4$xljU zNIAg3z`*$bHbV;o8w(2yD+?PdD;p;pD;p;_2OAp)HxCyVHy0O=01p@l@bK{q@bmEq z3yX*d3(H7LOUuZ^0V6v*J1-Bfgn)pAl&GMn6kLK>@c#gVAP0jo69+S+AOn*iBeNjm z|04|L42+Bn%#4f-2*Ak1%)-jS2nGmI2C%pQ10ypF69Wqi8#7djkx6J0bFfI_MM1|# z7DdBA)(?dfHx`>5RALi^7y$xMwStU^LQIB*Mveb(G4L=mGB61;3o_U<{BryIdu7!l zX-{t-;ukOAc`!Mg;&U5i6L((7B{%2VK z>+$dKySaZ4-%|bdpJDaH(Cw0sA3sB3Sm5f{(*|C6F?ZxQD|8m@b$hAZ0BeSrw?6P7p503M9ove?Q7S`@JM}S$uWO zbJf+IYP%2Kvy+pLUugW{*MA0o>wi_B*H@=kw|?7JyE#w4S?F@oI=7$ef0%ae`kH#e z%YQ;pyg*P))1)UN6Eq)jd5BEV)N}M?n*4(aB*Iz5zVF82s z4B;fA7DxXcM#qY5;3ubYNfr*~7rVAP*8?U|`@^V1St4$glt+0&>_B7?c11O#tF& BTyFpX literal 0 HcmV?d00001 diff --git a/planetlab/icons/tablesort_header_up.jpg b/planetlab/icons/tablesort_header_up.jpg new file mode 100644 index 0000000000000000000000000000000000000000..f09db48a1e5248975b0f7f6a9c6f54c9c74534b6 GIT binary patch literal 1573 zcmcgsZA?>F7=F+F=*Mks@1<>G1WLz#iMe*g#w0LTGg{UFONE#I;gO5Ff} z*qg8i1O!2lgn%RkVgV@-OGE;JNFt>u2}Mb1DGypIlhbmURH0BR6^f+9#KfeO1t6hN zxJ!%0Gfcs$GkmnUdI zm;m7zNj{)Z!e#6L{+hCc$t9j@_+w2WDcIR`a@X@2Ox%IPybFU$60kKpGaA?%AjJ`2 z49xk$J`ai>+^ax1dSbuqB1uDR^)mDh`n(c`mCFFN(| z6CoDfE`vN9*_ebRo*ZtHtBzGVR+h_DtY z$8R{U{CJ=;bhz_qZRO^VJtNi017>H0OrD~$_ZNB__mVF(?j@7B!0n8o{0b@y?|l$A zO0z*oR_O7YW z+qiE+Y2h|iP&zkfN9lXCW8(C^71XOID{cWY$6 zboH1C05Gjm?8m*5>%bVQFe_GPEf|uF7;a9o@OAk9#@U0n0w?-M=DJn;<8Kwg*P|%_ d&?xy-lsf