From d0ccbdc37241d9c21ae77f2abd469ad73c207fe4 Mon Sep 17 00:00:00 2001 From: azammitdcarf Date: Thu, 3 Feb 2011 01:25:54 +0000 Subject: [PATCH] Added HEADER_EXPANDER_MANUAL config directive to allow for manual expanding/contracting (via clickable image) of the header area Images from OpenIconLibrary: http://openiconlibrary.sourceforge.net/gallery2/?./Icons/actions --- config.default.php | 5 +++++ css/index.css | 10 ++++++++++ images/arrow-down-2.png | Bin 0 -> 2409 bytes images/arrow-up-2.png | Bin 0 -> 2389 bytes index.php | 9 +++++++++ js/headerexpand.js | 33 ++++++++++++++------------------- js/headerexpandauto.js | 11 +++++++++++ js/headerexpandmanual.js | 20 ++++++++++++++++++++ 8 files changed, 69 insertions(+), 19 deletions(-) create mode 100644 images/arrow-down-2.png create mode 100644 images/arrow-up-2.png create mode 100644 js/headerexpandauto.js create mode 100644 js/headerexpandmanual.js diff --git a/config.default.php b/config.default.php index 59c602b3..e2f65ac5 100644 --- a/config.default.php +++ b/config.default.php @@ -220,6 +220,11 @@ if (!defined('TAB_INFO')) define('TAB_INFO', true); */ if (!defined('HEADER_EXPANDER')) define('HEADER_EXPANDER', false); +/** + * Enable a header expander for the main page to shrink/expand when clicking on an arrow? + */ +if (!defined('HEADER_EXPANDER_MANUAL')) define('HEADER_EXPANDER_MANUAL', false); + /** * Define how many minutes between each system sort (defaults to 5 as this is a common interval for appointments) */ diff --git a/css/index.css b/css/index.css index 6597b1e8..0b0aa809 100644 --- a/css/index.css +++ b/css/index.css @@ -1,3 +1,13 @@ +.headerexpand { + text-align: center; + position: absolute; + height: 20px; + bottom: 0px; + width: 100%; +} +#headerexpandimage { + height: 20px; +} .box { margin: 8px; } diff --git a/images/arrow-down-2.png b/images/arrow-down-2.png new file mode 100644 index 0000000000000000000000000000000000000000..17b92877124a26a9743fb0563b9f4db43b0b2c4d GIT binary patch literal 2409 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 Il`|{p-|lJ}-T(jq literal 0 HcmV?d00001 diff --git a/images/arrow-up-2.png b/images/arrow-up-2.png new file mode 100644 index 0000000000000000000000000000000000000000..1b90617f2f58cad07e1a1e6b79bd395cac897606 GIT binary patch literal 2389 zcmai$dpr|fAIHbmHZqiZ)Ngd7Y_>6%xou1)vJqtxlg%ZUjk%NiOi>h%6hDTDF792V z9xAuWwUnad5}COtlFBoAdOgqc*K=O4@A{9ILI40N+x51b;|s^&Q`VM5p$gloc|)vF#8@OMTd1Vpap;+^ z$;M+#3P=&qQTp1_no!RY1X){yd0z!RmO+FNt|=*f5mg|Q!AXP=E`|D-8FZ=I7> zr%=3o;?1H4*NRt`m-D{Nrn9Y6v(pY&@8)Mlvx97HhgQ}iK7Kwkr1v=moh&fu^Hx>_ zD*6LG0LA_^30fU2O(gAZ{7sl|85hG8km^nX{lMaJAx(nggS^%5se?epcy$ri7Hx(i z(D}8<9FUnFY}v2I@uMBg*QoVR4IDEY4tF13X}Ts58Q!m0o9FPCX_TKx?9jusz>9Ew z*S+(G@XzZ?w7v5n4X)gZIXyT8*zq=5;J5|RlKu5gpTm)B2uX-m(}H@l4DYG??2jkg zrvoEs>HtS>jW|W5!l@rRtReAYl0Wv$@&#E*){;*XT!Z(LmWCrX5|LnKvQ%92(TsNWTQ#TKpFt#2BDXOdqg}M& zP4X^Bi!H(fXVeaO%J#D4FN8he2gH7od6W^VI_^0KDY4fSGj2_OX+Y!PugR7ODDesD z9^05rIgrT^YC|Ma3RyXfe-mxpp*O_**7GYaO6_ENooo2x`Gj;{h(Pu8OScK z!;*j7iGaMRdg?y6z9Ig))$+n>)C=mp$X(}WSPy|$8ww4_bIAr(>$jh(yswv%US#ss zu1A~f6l1xVeidnslg&=ZY$cKt+b?gs1GdYp?CW89@>Jg14pcusnEGz%5l5#jsZ>(` zHLN%03-V!qUsvJ1Wpg;R5cL6Z-3eEHp7ZLlwcFKHQ74(_86>nKzE6u1sT4^M8#Uuy zFkuD}>~h>p*$R(;K)Kzk6Akt;_0xgFHolk6FlV2H$I0m@-yJ%n6SaOOW3GeD@>S}A z91yqy!J@v^5{%94!q4vHcbU^0II1+9yn2ro_*a zG)J+DyHsc9=Z`asmoNCJcylsO0w-jANS?Iyim*9Bc+L05ciPX*%XRC^t=`;6o zKSYt|Cr<*kX;hj|6-aH%w${tG%l>Db(_S_{9Kd|14o5_OzaPa9-WB^TQ^i{(VR;v0PYMyhV#uDf<^#s@TLF$76=habB7R-Cx9Ha?7ofFJP zb23w#pefFrm!{v!0D7WYnL%c9jxz7&f40=^;dm(UjM0<>Q7ZcH`fSH$BiB1BLX68^ zzx&d~vnVUD;G6Ogch}3WY~RUPmPLX6wob=YX27(Wf46@dg@%h3#hj~=m(=5^HNDVx z_1W`rqTJHdqE)gtT(WEL4_rRUyhf_4fc&b8EtNlJ2JZnchVXoO-08`3K*}%q>^qhB zq+BD$WU+b-bp*HsF1ysp1!ffN@3@WJm!%9U_9M>VPaI7K&P(U7rahT|I`;+>G654_ z?iIt`}v0EC>L9uhn9lE-T#azaoh4v zrwR)LLlf@S_TS3-YDuiz?;W^A(re4bolTM$;Stgvhrlj)w9_T@$Tea~n$jnYvK*DB z6f!#ozms{P(S#(LddirFG$*yye57#FYR}Kk!zU~W0g$4#=+Mh&3Mg2~~S9Wi(g;TIc5W_u~fuIXJ00xCJK%mhGG}ZyFi$m$-baW6XJsb)Zn%!mj z2iVBOZBjx2jY6O>2n@;rqm9Gp;?USl0Bq40!@o@rJS=bUQ%xDS!0x-J|4FCWD literal 0 HcmV?d00001 diff --git a/index.php b/index.php index 8a60d890..24d7a8fa 100644 --- a/index.php +++ b/index.php @@ -111,7 +111,15 @@ if (AUTO_LOGOUT_MINUTES !== false) } if (HEADER_EXPANDER) +{ $js[] = "js/headerexpand.js"; + $js[] = "js/headerexpandauto.js"; +} +else if (HEADER_EXPANDER_MANUAL) +{ + $js[] = "js/headerexpand.js"; + $js[] = "js/headerexpandmanual.js"; +} xhtml_head(T_("queXS"), $body, array("css/index.css","css/tabber.css","include/jquery-ui/css/smoothness/jquery-ui-1.8.2.custom.css") , $js); print $script; @@ -124,6 +132,7 @@ print $script;
+
<? echo T_('/>
diff --git a/js/headerexpand.js b/js/headerexpand.js index 556730ab..1683d31e 100644 --- a/js/headerexpand.js +++ b/js/headerexpand.js @@ -1,21 +1,16 @@ -//Apply to all items of class header -$(document).ready(function(){ - $(".header").hover( - //function on mouse over - function(){ - $(".header").css("height","30%"); - $(".content").css("height","70%"); - $(".content").css("top","30%"); - $(".box:not(.important)").css("display",""); - }, +function headerexpand() +{ + $(".header").css("height","30%"); + $(".content").css("height","70%"); + $(".content").css("top","30%"); + $(".box:not(.important)").css("display",""); +} - //function on mouse out - function(){ - $(".header").css("height","5%"); - $(".content").css("height","95%"); - $(".content").css("top","5%"); - $(".box:not(.important)").css("display","none"); - } - ); +function headercontract() +{ + $(".header").css("height","5%"); + $(".content").css("height","95%"); + $(".content").css("top","5%"); + $(".box:not(.important)").css("display","none"); - }); +} diff --git a/js/headerexpandauto.js b/js/headerexpandauto.js new file mode 100644 index 00000000..65e2f4b6 --- /dev/null +++ b/js/headerexpandauto.js @@ -0,0 +1,11 @@ +//Apply to all items of class header +$(document).ready(function(){ + $(".header").hover( + //function on mouse over + headerexpand, + + //function on mouse out + headercontract + ); + + }); diff --git a/js/headerexpandmanual.js b/js/headerexpandmanual.js new file mode 100644 index 00000000..694cea29 --- /dev/null +++ b/js/headerexpandmanual.js @@ -0,0 +1,20 @@ +//Apply to all items of class header +$(document).ready(function(){ + $("#headerexpandimage").click(headertogglemanual); + + }); + +function headertogglemanual() +{ + if ($("#headerexpandimage").attr('src') == './images/arrow-up-2.png') + { + $("#headerexpandimage").attr('src',"./images/arrow-down-2.png"); + headercontract(); + } + else + { + $("#headerexpandimage").attr('src',"./images/arrow-up-2.png"); + headerexpand(); + } + +}