When SETTINGS.use_file_bucket_diffs is true, a "Show diff" link is displayed to the right of file MD5s when differencing inspect reports. Clicking this link brings up a lightbox showing the difference between the files.
Paired-with: Jesse Wolfe <[email protected]> Signed-off-by: Paul Berry <[email protected]> --- Local-branch: ticket/next/5171 app/views/layouts/application.html.haml | 4 +- app/views/reports/_diff.html.haml | 3 + public/javascripts/application.js | 4 + public/javascripts/colorbox/colorbox.css | 62 ++ public/javascripts/colorbox/images/border.png | Bin 0 -> 112 bytes public/javascripts/colorbox/images/controls.png | Bin 0 -> 1249 bytes .../internet_explorer/borderBottomCenter.png | Bin 0 -> 111 bytes .../images/internet_explorer/borderBottomLeft.png | Bin 0 -> 215 bytes .../images/internet_explorer/borderBottomRight.png | Bin 0 -> 217 bytes .../images/internet_explorer/borderMiddleLeft.png | Bin 0 -> 108 bytes .../images/internet_explorer/borderMiddleRight.png | Bin 0 -> 108 bytes .../images/internet_explorer/borderTopCenter.png | Bin 0 -> 111 bytes .../images/internet_explorer/borderTopLeft.png | Bin 0 -> 216 bytes .../images/internet_explorer/borderTopRight.png | Bin 0 -> 214 bytes public/javascripts/colorbox/images/loading.gif | Bin 0 -> 9427 bytes .../colorbox/images/loading_background.png | Bin 0 -> 157 bytes public/javascripts/colorbox/images/overlay.png | Bin 0 -> 182 bytes public/javascripts/jquery.colorbox.js | 788 ++++++++++++++++++++ 18 files changed, 859 insertions(+), 2 deletions(-) create mode 100644 public/javascripts/colorbox/colorbox.css create mode 100644 public/javascripts/colorbox/images/border.png create mode 100644 public/javascripts/colorbox/images/controls.png create mode 100644 public/javascripts/colorbox/images/internet_explorer/borderBottomCenter.png create mode 100644 public/javascripts/colorbox/images/internet_explorer/borderBottomLeft.png create mode 100644 public/javascripts/colorbox/images/internet_explorer/borderBottomRight.png create mode 100644 public/javascripts/colorbox/images/internet_explorer/borderMiddleLeft.png create mode 100644 public/javascripts/colorbox/images/internet_explorer/borderMiddleRight.png create mode 100644 public/javascripts/colorbox/images/internet_explorer/borderTopCenter.png create mode 100644 public/javascripts/colorbox/images/internet_explorer/borderTopLeft.png create mode 100644 public/javascripts/colorbox/images/internet_explorer/borderTopRight.png create mode 100644 public/javascripts/colorbox/images/loading.gif create mode 100644 public/javascripts/colorbox/images/loading_background.png create mode 100644 public/javascripts/colorbox/images/overlay.png create mode 100644 public/javascripts/jquery.colorbox.js diff --git a/app/views/layouts/application.html.haml b/app/views/layouts/application.html.haml index 5bf518b..04ff574 100644 --- a/app/views/layouts/application.html.haml +++ b/app/views/layouts/application.html.haml @@ -11,8 +11,8 @@ var relative_url_root = '#{ActionController::Base.relative_url_root}'; $.noConflict(); - = stylesheet_link_tag 'reset', 'layout', 'forms', 'tables', 'jquery.ui.autocomplete.css', 'typography', 'links', 'token-input-facebook', 'tipsy', 'application', :cache => 'all' - = javascript_include_tag 'prototype', 'jquery-ui.min', 'jquery.tokeninput', 'excanvas.min', 'raphael-min', 'grafico.min', 'jquery.form', 'jquery.placeholders', 'jquery.ui.autocomplete', 'jquery.ui.autocomplete.ext', 'jquery.tipsy', 'search', 'application', :cache => 'all' + = stylesheet_link_tag 'reset', 'layout', 'forms', 'tables', 'jquery.ui.autocomplete.css', 'typography', 'links', 'token-input-facebook', 'tipsy', 'application', '../javascripts/colorbox/colorbox.css', :cache => 'all' + = javascript_include_tag 'prototype', 'jquery-ui.min', 'jquery.tokeninput', 'excanvas.min', 'raphael-min', 'grafico.min', 'jquery.form', 'jquery.placeholders', 'jquery.ui.autocomplete', 'jquery.ui.autocomplete.ext', 'jquery.colorbox.js', 'jquery.tipsy', 'search', 'application', :cache => 'all' - body_classes = [ "#{controller.controller_name}_controller", "#{controller.controller_name}_#{controller.action_name}_action" ] - body_classes << "#{controller.controller_name}_form_action" if %w[new create edit update].include?(controller.action_name) diff --git a/app/views/reports/_diff.html.haml b/app/views/reports/_diff.html.haml index 5d50817..2824165 100644 --- a/app/views/reports/_diff.html.haml +++ b/app/views/reports/_diff.html.haml @@ -28,6 +28,9 @@ %td= h property %td= h actual %td= h baseline + - if SETTINGS.use_file_bucket_diffs and resource =~ /^File\[/ and property == :content and actual =~ /^\{md5\}/ and baseline =~ /^\{md5\}/ + %td + = link_to_function 'Show diff', "display_file_diff('#{url_for :controller => :files, :action => :diff, :file1 => baseline.sub('{md5}',''), :file2 => actual.sub('{md5}','')}')" %h4= pluralize(resource_statuses[:pass].length, 'Match') - if resource_statuses[:pass].present? %dl#baseline-diff-report diff --git a/public/javascripts/application.js b/public/javascripts/application.js index 1da37f5..f0e6754 100644 --- a/public/javascripts/application.js +++ b/public/javascripts/application.js @@ -144,3 +144,7 @@ function toggle_expandable_link() { } } } + +function display_file_diff(url) { + jQuery.colorbox({href: url, width: '80%', height: '80%', iframe: true}); +} diff --git a/public/javascripts/colorbox/colorbox.css b/public/javascripts/colorbox/colorbox.css new file mode 100644 index 0000000..39d5552 --- /dev/null +++ b/public/javascripts/colorbox/colorbox.css @@ -0,0 +1,62 @@ +/* + ColorBox Core Style + The following rules are the styles that are consistant between themes. + Avoid changing this area to maintain compatability with future versions of ColorBox. +*/ +#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} +#cboxOverlay{position:fixed; width:100%; height:100%;} +#cboxMiddleLeft, #cboxBottomLeft{clear:left;} +#cboxContent{position:relative; overflow:hidden;} +#cboxLoadedContent{overflow:auto;} +#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;} +#cboxTitle{margin:0;} +#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;} +#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} + +/* + Example user style + The following rules are ordered and tabbed in a way that represents the + order/nesting of the generated HTML, so that the structure easier to understand. +*/ +#cboxOverlay{background:url(images/overlay.png) repeat 0 0;} +#colorbox{} + #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -100px 0;} + #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -129px 0;} + #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -100px -29px;} + #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -129px -29px;} + #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;} + #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;} + #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;} + #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;} + #cboxContent{background:#fff;} + #cboxLoadedContent{margin-bottom:28px;} + #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} + #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;} + #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;} + #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(images/controls.png) no-repeat -75px 0px; width:25px; height:25px; text-indent:-9999px;} + #cboxPrevious.hover{background-position:-75px -25px;} + #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0px; width:25px; height:25px; text-indent:-9999px;} + #cboxNext.hover{background-position:-50px -25px;} + #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;} + #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;} + #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0px; width:25px; height:25px; text-indent:-9999px;} + #cboxClose.hover{background-position:-25px -25px;} + +/* + The following fixes png-transparency for IE6. + It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition + + Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. + Colorbox preloads navigation hover classes to account for this. + + !! Important Note: AlphaImageLoader src paths are relative to the HTML document, + while regular CSS background images are relative to the CSS document. +*/ +.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopLeft.png, sizingMethod='scale');} +.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopCenter.png, sizingMethod='scale');} +.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderTopRight.png, sizingMethod='scale');} +.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} +.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} +.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderBottomRight.png, sizingMethod='scale');} +.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} +.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/internet_explorer/borderMiddleRight.png, sizingMethod='scale');} diff --git a/public/javascripts/colorbox/images/border.png b/public/javascripts/colorbox/images/border.png new file mode 100644 index 0000000000000000000000000000000000000000..f463a10d838aeba263ff44e5c3578dfe7ba07648 GIT binary patch literal 112 zcmeAS@N?(olHy`uVBq!ia0vp^j6iI}$P6Txn<}3KQfvV}A+A9B|Ns9>Z_d99WHFWm z`2{zujf-{zawI%m978JNrXFPE1@f8<7E8}%%lTu>&#KnM&G`7uteHSj22WQ%mvv4F FO#q`M9f1G< literal 0 HcmV?d00001 diff --git a/public/javascripts/colorbox/images/controls.png b/public/javascripts/colorbox/images/controls.png new file mode 100644 index 0000000000000000000000000000000000000000..9257176616c3e0a5c145e381a12ee15fa556dc8e GIT binary patch literal 1249 zcmV<71Rnc|P)<h;3K|Lk000e1NJLTq006H5001%w0{{R39khGe0002PP)t-s|Ns90 z000000000000000000000A^-pwY9a(%*@{2-sa}!;^X7*@9)ga%>V!Y*4EZ4OogST zri6rqYJsRyQd08t_V@SqUU#9bt*zwf?~tLsnVFe+kFwX@=UG`<czAf|>+oh~W<+9? z#KpzEy}gQxinG4bHdTvkgR8Z*wRDQE#?IZ~<?OG!(PDd~&D7zCn!2H|$Z~RWtGCXX zsKYv0jfR=Hik!PnX_#7bpMsUPGE#}W#@Bt3vsQ4OQEi*_M8|#r000VfQchC<5i?b0 zcZiwH-D2q{%m4rb!%0LzRCr$Pnul)dMi511*^-}Uwy;yR7k9s&-v0lqG8ETdlA}CI zWU>l^To_n@2O}IT3~G6)PQMiWkECPLz3lbBk=|vuW1?-!1MPfMnI7-k<+5D4+u9dB zmBqs*!1`WX^^eNcMJr!PLIM#5ImikCM2QFtu!&5!*FQ47ix$41yk(NoRGKV31w{bT z00~7PN)uuam~M@5V_#6h?wu403Ltp{i3Myz<i1z^6LQtmR~jqpCEq|=0I3BBCpz8! zN$EE9Rh}&Sd&&T)08rnW==4tW?KSg7g|vw6R%pH1Zt^QRSQ;PC?B<ey<rFA>Mz?=r zx{Z9j{bnVTaFT4o&?6v~XF-<jM9{*)Fwok9%Ts+X8~K`lQW1s^yKtC+6qE%B0K;$x z3}_jI6QI0;-l@L5HolrRm$rBhidx$+%VNGQ0L*~c<zVp&`X{HMZ@#9x#eAbnzS{VH zp2u<gPzIRkE>>~u+!yjSAg8%Bz7`BuBukl8fm*EyoWnQWFSLX6e6vze7N{Ty7V&(` z013w{f)568-|HJ)$j$ZN<LfC&i_Ba%aXd7)0R!>`bGpC*d|nVVfcw7FmAqrV&F{aP zAfRO!1jYNWFghE|S5dkD%AoieT(?fR;rE-8)x%mH;NNd-i>~#7T(|MH8c;e7fRb;Z z=p`-S6U_JKknc@PUwdjST0t|wU3eP$GGPzp{xmDGa{g7q0HG}46K;LARAd7PK&#{c z7+@1EeBD34Iq+@#7|bUe`nJ!1)AxU02`UT7WBL+4;r@Q+0V0A|Q;Qs)aP5nw_5<sR z6h7hB7fbC2D6A_|_=G!O-hP0R^+k&N^G<zV!oj)Dle{naG9Ewa<m-66G*{l13_j;8 z2ae9`yf1l<qQ~WzDEd^aMG~Vkew-cZOOo#+SI<Mdf4GgJ-{>!?)*?^0x3>g-<$cLB zU7pQm9~?h#Dm0rIMbY~a>mTSc<)`naIj|E?j~RHs_RrLpETh4iq_}Tp>-+wF8GOiX z37n}fnck7qjP)fy|G56er~EN0gXD+b*EB&nPhaxM_t*57RBMrsgTa8j?itWiave|{ z^nJW9nfd<R=-&6Ihx(F%|50lWUVPtCpUV4^>0t1p6WXoOf!pl;OSW(@yK~uB*MGk$ z1Cqb$OGamSAE1%7A6QeQ@CkJIzC}aPD><Ss;S;XjXW8~6H%`#2sYMP>IDKD8L8Uwp zD8N$+>xvXU;oyBNH_mf>Un0zeaPz*KM@m^&i|`2-zbE+j|6b!y_Ir_OkE~-m00000 LNkvXXu0mjfA+dCQ literal 0 HcmV?d00001 diff --git a/public/javascripts/colorbox/images/internet_explorer/borderBottomCenter.png b/public/javascripts/colorbox/images/internet_explorer/borderBottomCenter.png new file mode 100644 index 0000000000000000000000000000000000000000..0d4475edf4e1ebb18d41db83915a21a9a6bc5977 GIT binary patch literal 111 zcmeAS@N?(olHy`uVBq!ia0vp^j6f{P$P6U+&JlA5QfvV}A+A9B|Ns9>Z_d99WHFWm z`2{zujf-{za>PAd978JNY7Z)cbT)5ruP-ra%e~G}wTijXxbw&apdf>%tDnm{r-UW| DknJ7# literal 0 HcmV?d00001 diff --git a/public/javascripts/colorbox/images/internet_explorer/borderBottomLeft.png b/public/javascripts/colorbox/images/internet_explorer/borderBottomLeft.png new file mode 100644 index 0000000000000000000000000000000000000000..2775eba899d10d3dc6f8c4044ad69cb89a5f8499 GIT binary patch literal 215 zcmeAS@N?(olHy`uVBq!ia0vp^q9Dw|3?!p1cPs@`>H$6>u0R?BQd3j6Z{H4KpFe*d zCJdtg|NlSbL?0`V#ZwaG7u>*5G5>gk!F7ua0ST$+oA`j@!JaOTAr*10r#A97C`hm- z3dKH%oOr{aLpj2LsW&>nlF|6W##ZJ(&Vq|N!)H`n4WCnOwE6XE$$JkZ%dBmlKK#!l q^N>Y<Lwo20uJsSMO05yTR+ukqCL+e}wKsed$OWFRelF{r5}E)#Izqqz literal 0 HcmV?d00001 diff --git a/public/javascripts/colorbox/images/internet_explorer/borderBottomRight.png b/public/javascripts/colorbox/images/internet_explorer/borderBottomRight.png new file mode 100644 index 0000000000000000000000000000000000000000..f7f51379c0857dd15bdbeac49f35c9ce81f47e23 GIT binary patch literal 217 zcmeAS@N?(olHy`uVBq!ia0vp^q9Dw|3?!p1cPs@`>H$6>u0R?BQd3j6Z{H4KpFe*d zCJdtg|NlSbL?0`V#ZwaG7u>*5G5>gk!F7ua0ST$+oA`j@p`I>|Ar*0Rk8R{_P!M3f za60r>rSy%6n-)#V7EE~whgkX^aO5~8RysR6J&4z+ys8}98}g<84F4bXKSykNqt5CV sw|{E#e<pv9@&3|UzPEq8{+4;yF-<EGV_(&KT^!^FPgg&ebxsLQ06+vq=>Px# literal 0 HcmV?d00001 diff --git a/public/javascripts/colorbox/images/internet_explorer/borderMiddleLeft.png b/public/javascripts/colorbox/images/internet_explorer/borderMiddleLeft.png new file mode 100644 index 0000000000000000000000000000000000000000..a2d63d156e008a01fde9d2d68c531c34926a924a GIT binary patch literal 108 zcmeAS@N?(olHy`uVBq!ia0vp^qCm{Z$P6U8=aokQDYgKg5LY1m|NsA`H|O64NtXoq z1vjjXi*^HYL_A#_Ln`7}8#ZzRc@9(l|2O5zVPs<Xlew7T2~dQ=)78&qol`;+01^-z A-v9sr literal 0 HcmV?d00001 diff --git a/public/javascripts/colorbox/images/internet_explorer/borderMiddleRight.png b/public/javascripts/colorbox/images/internet_explorer/borderMiddleRight.png new file mode 100644 index 0000000000000000000000000000000000000000..fd7c3e849135d3b9abe895d7d8928d9f4228ecd9 GIT binary patch literal 108 zcmeAS@N?(olHy`uVBq!ia0vp^qCm{Z$P6U8=aokQDYgKg5LY1m|NsA`H|O64NtXoq z1vjjXi*^HYL_A#_Ln`7}4={29c?}Bx`}+i#nf@{S-+%jSJy3+f)78&qol`;+02r1W A-v9sr literal 0 HcmV?d00001 diff --git a/public/javascripts/colorbox/images/internet_explorer/borderTopCenter.png b/public/javascripts/colorbox/images/internet_explorer/borderTopCenter.png new file mode 100644 index 0000000000000000000000000000000000000000..2937a9cf9e25805fde6d954def25c3e6678fb61b GIT binary patch literal 111 zcmeAS@N?(olHy`uVBq!ia0vp^j6f{P$P6U+&JlA5QfvV}A+A9B|Ns9>Z_d99WHFWm z`2{zujf-{za>PAd978JNY7Z)cbT)5ruP@Q*%6-Zwv5L7-WU|;#pdf>%tDnm{r-UW| Dg{~b` literal 0 HcmV?d00001 diff --git a/public/javascripts/colorbox/images/internet_explorer/borderTopLeft.png b/public/javascripts/colorbox/images/internet_explorer/borderTopLeft.png new file mode 100644 index 0000000000000000000000000000000000000000..f9d458b5bba4a8cb84b9ee39a3844e258c1dcc20 GIT binary patch literal 216 zcmeAS@N?(olHy`uVBq!ia0vp^q9Dw|3?!p1cPs@`>H$6>u0R?qNKH*WfByXT?c0H} z|NsBDZcF_MWbu>)`2{yHR2W1EWLV6<eq6#zp?ED&JjBz*F{C1H?y-fu4Gsb>7bmi? zvo+on5)g6V<uEY~U{}rI6mevX7AfbvIaA^1Gy9UIHv?ANor=r%=yzMcpuCFV_0h={ pg3|x4{+PQ@=`LGsSFDV@z1;!PwQc`aJph`|;OXk;vd$@?2>?RfL6QIf literal 0 HcmV?d00001 diff --git a/public/javascripts/colorbox/images/internet_explorer/borderTopRight.png b/public/javascripts/colorbox/images/internet_explorer/borderTopRight.png new file mode 100644 index 0000000000000000000000000000000000000000..74b8583cfbb2e62a84ef04ba01064ecb4d70e72a GIT binary patch literal 214 zcmeAS@N?(olHy`uVBq!ia0vp^q9Dw|3?!p1cPs@`>H$6>u0R?Sq^70<1<#*9zkU05 zAmji4|I_}5*Z^5PB|(0{4Ga|#78wHb4Xz)Tc+|OiK2SW!)5S5QBChw?MqY;mf#VnJ z^}ggWcLpW1DoZ@PeSjlp!DT5|UGpg|kLp?vt)3@$_tm@JIJ0M=)Av-}@ro0Ud)StJ qkbTcp`HhbYABf8t?|b<Cc>Zq*G4@Nf;!!};89ZJ6T-G@yGywoYi%4?- literal 0 HcmV?d00001 diff --git a/public/javascripts/colorbox/images/loading.gif b/public/javascripts/colorbox/images/loading.gif new file mode 100644 index 0000000000000000000000000000000000000000..b4695d811d4f84ed693eff7b5e6b4d61a3e8c48d GIT binary patch literal 9427 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 BHE;j` literal 0 HcmV?d00001 diff --git a/public/javascripts/colorbox/images/loading_background.png b/public/javascripts/colorbox/images/loading_background.png new file mode 100644 index 0000000000000000000000000000000000000000..6ae83e697352da5bc75ff264f66e978c0928acee GIT binary patch literal 157 zcmeAS@N?(olHy`uVBq!ia0vp^8X(NU1|)m_?Z^dEDV{ElArXh)-rUH0z<}q-0eMH| zYUln%f-{b}&YI#V(lF-%L+N@I&VU0<v);c>UU{crc4h8@qAkJEl10~!7q>s;6wwG+ x;Lym#%7w)E5SqaM?W?}pgPY2~zL+0j{rLCv$(}1!-+=Zpc)I$ztaD0e0s!7!I-dXl literal 0 HcmV?d00001 diff --git a/public/javascripts/colorbox/images/overlay.png b/public/javascripts/colorbox/images/overlay.png new file mode 100644 index 0000000000000000000000000000000000000000..53ea98f7003cf014cda2f764a7d982e405bd1b5f GIT binary patch literal 182 zcmeAS@N?(olHy`uVBq!ia0vp^av;pY3?xs=ZJr3E3<7*YT>t<7&(6-y!NDOSA|fs> z4iv@@^0LaF09818x;TbZ%z1NeAuof1z|jlq0?ZV)A8h5lQLnD@Q>uGq<+3e(rH8NF wGFLG_IXT618W25kEc*C=-akH|?*IRp8MKNmPAJ`FsRUW)>FVdQ&MBb@0FX~HaR2}S literal 0 HcmV?d00001 diff --git a/public/javascripts/jquery.colorbox.js b/public/javascripts/jquery.colorbox.js new file mode 100644 index 0000000..86f875f --- /dev/null +++ b/public/javascripts/jquery.colorbox.js @@ -0,0 +1,788 @@ +// ColorBox v1.3.15 - a full featured, light-weight, customizable lightbox based on jQuery 1.3+ +// Copyright (c) 2010 Jack Moore - [email protected] +// Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php +(function ($, window) { + + var + // ColorBox Default Settings. + // See http://colorpowered.com/colorbox for details. + defaults = { + transition: "elastic", + speed: 300, + width: false, + initialWidth: "600", + innerWidth: false, + maxWidth: false, + height: false, + initialHeight: "450", + innerHeight: false, + maxHeight: false, + scalePhotos: true, + scrolling: true, + inline: false, + html: false, + iframe: false, + photo: false, + href: false, + title: false, + rel: false, + opacity: 0.9, + preloading: true, + current: "image {current} of {total}", + previous: "previous", + next: "next", + close: "close", + open: false, + returnFocus: true, + loop: true, + slideshow: false, + slideshowAuto: true, + slideshowSpeed: 2500, + slideshowStart: "start slideshow", + slideshowStop: "stop slideshow", + onOpen: false, + onLoad: false, + onComplete: false, + onCleanup: false, + onClosed: false, + overlayClose: true, + escKey: true, + arrowKey: true + }, + + // Abstracting the HTML and event identifiers for easy rebranding + colorbox = 'colorbox', + prefix = 'cbox', + + // Events + event_open = prefix + '_open', + event_load = prefix + '_load', + event_complete = prefix + '_complete', + event_cleanup = prefix + '_cleanup', + event_closed = prefix + '_closed', + event_purge = prefix + '_purge', + event_loaded = prefix + '_loaded', + + // Special Handling for IE + isIE = $.browser.msie && !$.support.opacity, // feature detection alone gave a false positive on at least one phone browser and on some development versions of Chrome. + isIE6 = isIE && $.browser.version < 7, + event_ie6 = prefix + '_IE6', + + // Cached jQuery Object Variables + $overlay, + $box, + $wrap, + $content, + $topBorder, + $leftBorder, + $rightBorder, + $bottomBorder, + $related, + $window, + $loaded, + $loadingBay, + $loadingOverlay, + $title, + $current, + $slideshow, + $next, + $prev, + $close, + + // Variables for cached values or use across multiple functions + interfaceHeight, + interfaceWidth, + loadedHeight, + loadedWidth, + element, + index, + settings, + open, + active, + closing = false, + + publicMethod, + boxElement = prefix + 'Element'; + + // **************** + // HELPER FUNCTIONS + // **************** + + // jQuery object generator to reduce code size + function $div(id, css) { + id = id ? ' id="' + prefix + id + '"' : ''; + css = css ? ' style="' + css + '"' : ''; + return $('<div' + id + css + '/>'); + } + + // Convert % values to pixels + function setSize(size, dimension) { + dimension = dimension === 'x' ? $window.width() : $window.height(); + return (typeof size === 'string') ? Math.round((/%/.test(size) ? (dimension / 100) * parseInt(size, 10) : parseInt(size, 10))) : size; + } + + // Checks an href to see if it is a photo. + // There is a force photo option (photo: true) for hrefs that cannot be matched by this regex. + function isImage(url) { + return settings.photo || /\.(gif|png|jpg|jpeg|bmp)(?:\?([^#]*))?(?:#(\.*))?$/i.test(url); + } + + // Assigns function results to their respective settings. This allows functions to be used as values. + function process(settings) { + for (var i in settings) { + if ($.isFunction(settings[i]) && i.substring(0, 2) !== 'on') { // checks to make sure the function isn't one of the callbacks, they will be handled at the appropriate time. + settings[i] = settings[i].call(element); + } + } + settings.rel = settings.rel || element.rel || 'nofollow'; + settings.href = settings.href || $(element).attr('href'); + settings.title = settings.title || element.title; + return settings; + } + + function trigger(event, callback) { + if (callback) { + callback.call(element); + } + $.event.trigger(event); + } + + // Slideshow functionality + function slideshow() { + var + timeOut, + className = prefix + "Slideshow_", + click = "click." + prefix, + start, + stop, + clear; + + if (settings.slideshow && $related[1]) { + start = function () { + $slideshow + .text(settings.slideshowStop) + .unbind(click) + .bind(event_complete, function () { + if (index < $related.length - 1 || settings.loop) { + timeOut = setTimeout(publicMethod.next, settings.slideshowSpeed); + } + }) + .bind(event_load, function () { + clearTimeout(timeOut); + }) + .one(click + ' ' + event_cleanup, stop); + $box.removeClass(className + "off").addClass(className + "on"); + timeOut = setTimeout(publicMethod.next, settings.slideshowSpeed); + }; + + stop = function () { + clearTimeout(timeOut); + $slideshow + .text(settings.slideshowStart) + .unbind([event_complete, event_load, event_cleanup, click].join(' ')) + .one(click, start); + $box.removeClass(className + "on").addClass(className + "off"); + }; + + if (settings.slideshowAuto) { + start(); + } else { + stop(); + } + } + } + + function launch(elem) { + if (!closing) { + + element = elem; + + settings = process($.extend({}, $.data(element, colorbox))); + + $related = $(element); + + index = 0; + + if (settings.rel !== 'nofollow') { + $related = $('.' + boxElement).filter(function () { + var relRelated = $.data(this, colorbox).rel || this.rel; + return (relRelated === settings.rel); + }); + index = $related.index(element); + + // Check direct calls to ColorBox. + if (index === -1) { + $related = $related.add(element); + index = $related.length - 1; + } + } + + if (!open) { + open = active = true; // Prevents the page-change action from queuing up if the visitor holds down the left or right keys. + + $box.show(); + + if (settings.returnFocus) { + try { + element.blur(); + $(element).one(event_closed, function () { + try { + this.focus(); + } catch (e) { + // do nothing + } + }); + } catch (e) { + // do nothing + } + } + + // +settings.opacity avoids a problem in IE when using non-zero-prefixed-string-values, like '.5' + $overlay.css({"opacity": +settings.opacity, "cursor": settings.overlayClose ? "pointer" : "auto"}).show(); + + // Opens inital empty ColorBox prior to content being loaded. + settings.w = setSize(settings.initialWidth, 'x'); + settings.h = setSize(settings.initialHeight, 'y'); + publicMethod.position(0); + + if (isIE6) { + $window.bind('resize.' + event_ie6 + ' scroll.' + event_ie6, function () { + $overlay.css({width: $window.width(), height: $window.height(), top: $window.scrollTop(), left: $window.scrollLeft()}); + }).trigger('scroll.' + event_ie6); + } + + trigger(event_open, settings.onOpen); + + $current.add($prev).add($next).add($slideshow).add($title).hide(); + + $close.html(settings.close).show(); + } + + publicMethod.load(true); + } + } + + // **************** + // PUBLIC FUNCTIONS + // Usage format: $.fn.colorbox.close(); + // Usage from within an iframe: parent.$.fn.colorbox.close(); + // **************** + + publicMethod = $.fn[colorbox] = $[colorbox] = function (options, callback) { + var $this = this, autoOpen; + + if (!$this[0] && $this.selector) { // if a selector was given and it didn't match any elements, go ahead and exit. + return $this; + } + + options = options || {}; + + if (callback) { + options.onComplete = callback; + } + + if (!$this[0] || $this.selector === undefined) { // detects $.colorbox() and $.fn.colorbox() + $this = $('<a/>'); + options.open = true; // assume an immediate open + } + + $this.each(function () { + $.data(this, colorbox, $.extend({}, $.data(this, colorbox) || defaults, options)); + $(this).addClass(boxElement); + }); + + autoOpen = options.open; + + if ($.isFunction(autoOpen)) { + autoOpen = autoOpen.call($this); + } + + if (autoOpen) { + launch($this[0]); + } + + return $this; + }; + + // Initialize ColorBox: store common calculations, preload the interface graphics, append the html. + // This preps colorbox for a speedy open when clicked, and lightens the burdon on the browser by only + // having to run once, instead of each time colorbox is opened. + publicMethod.init = function () { + // Create & Append jQuery Objects + $window = $(window); + $box = $div().attr({id: colorbox, 'class': isIE ? prefix + 'IE' : ''}); + $overlay = $div("Overlay", isIE6 ? 'position:absolute' : '').hide(); + + $wrap = $div("Wrapper"); + $content = $div("Content").append( + $loaded = $div("LoadedContent", 'width:0; height:0; overflow:hidden'), + $loadingOverlay = $div("LoadingOverlay").add($div("LoadingGraphic")), + $title = $div("Title"), + $current = $div("Current"), + $next = $div("Next"), + $prev = $div("Previous"), + $slideshow = $div("Slideshow").bind(event_open, slideshow), + $close = $div("Close") + ); + $wrap.append( // The 3x3 Grid that makes up ColorBox + $div().append( + $div("TopLeft"), + $topBorder = $div("TopCenter"), + $div("TopRight") + ), + $div(false, 'clear:left').append( + $leftBorder = $div("MiddleLeft"), + $content, + $rightBorder = $div("MiddleRight") + ), + $div(false, 'clear:left').append( + $div("BottomLeft"), + $bottomBorder = $div("BottomCenter"), + $div("BottomRight") + ) + ).children().children().css({'float': 'left'}); + + $loadingBay = $div(false, 'position:absolute; width:9999px; visibility:hidden; display:none'); + + $('body').prepend($overlay, $box.append($wrap, $loadingBay)); + + $content.children() + .hover(function () { + $(this).addClass('hover'); + }, function () { + $(this).removeClass('hover'); + }).addClass('hover'); + + // Cache values needed for size calculations + interfaceHeight = $topBorder.height() + $bottomBorder.height() + $content.outerHeight(true) - $content.height();//Subtraction needed for IE6 + interfaceWidth = $leftBorder.width() + $rightBorder.width() + $content.outerWidth(true) - $content.width(); + loadedHeight = $loaded.outerHeight(true); + loadedWidth = $loaded.outerWidth(true); + + // Setting padding to remove the need to do size conversions during the animation step. + $box.css({"padding-bottom": interfaceHeight, "padding-right": interfaceWidth}).hide(); + + // Setup button events. + $next.click(publicMethod.next); + $prev.click(publicMethod.prev); + $close.click(publicMethod.close); + + // Adding the 'hover' class allowed the browser to load the hover-state + // background graphics. The class can now can be removed. + $content.children().removeClass('hover'); + + $('.' + boxElement).live('click', function (e) { + // checks to see if it was a non-left mouse-click and for clicks modified with ctrl, shift, or alt. + if (!((e.button !== 0 && typeof e.button !== 'undefined') || e.ctrlKey || e.shiftKey || e.altKey)) { + e.preventDefault(); + launch(this); + } + }); + + $overlay.click(function () { + if (settings.overlayClose) { + publicMethod.close(); + } + }); + + // Set Navigation Key Bindings + $(document).bind("keydown", function (e) { + if (open && settings.escKey && e.keyCode === 27) { + e.preventDefault(); + publicMethod.close(); + } + if (open && settings.arrowKey && !active && $related[1]) { + if (e.keyCode === 37 && (index || settings.loop)) { + e.preventDefault(); + $prev.click(); + } else if (e.keyCode === 39 && (index < $related.length - 1 || settings.loop)) { + e.preventDefault(); + $next.click(); + } + } + }); + }; + + publicMethod.remove = function () { + $box.add($overlay).remove(); + $('.' + boxElement).die('click').removeData(colorbox).removeClass(boxElement); + }; + + publicMethod.position = function (speed, loadedCallback) { + var + animate_speed, + // keeps the top and left positions within the browser's viewport. + posTop = Math.max(document.documentElement.clientHeight - settings.h - loadedHeight - interfaceHeight, 0) / 2 + $window.scrollTop(), + posLeft = Math.max($window.width() - settings.w - loadedWidth - interfaceWidth, 0) / 2 + $window.scrollLeft(); + + // setting the speed to 0 to reduce the delay between same-sized content. + animate_speed = ($box.width() === settings.w + loadedWidth && $box.height() === settings.h + loadedHeight) ? 0 : speed; + + // this gives the wrapper plenty of breathing room so it's floated contents can move around smoothly, + // but it has to be shrank down around the size of div#colorbox when it's done. If not, + // it can invoke an obscure IE bug when using iframes. + $wrap[0].style.width = $wrap[0].style.height = "9999px"; + + function modalDimensions(that) { + // loading overlay height has to be explicitly set for IE6. + $topBorder[0].style.width = $bottomBorder[0].style.width = $content[0].style.width = that.style.width; + $loadingOverlay[0].style.height = $loadingOverlay[1].style.height = $content[0].style.height = $leftBorder[0].style.height = $rightBorder[0].style.height = that.style.height; + } + + $box.dequeue().animate({width: settings.w + loadedWidth, height: settings.h + loadedHeight, top: posTop, left: posLeft}, { + duration: animate_speed, + complete: function () { + modalDimensions(this); + + active = false; + + // shrink the wrapper down to exactly the size of colorbox to avoid a bug in IE's iframe implementation. + $wrap[0].style.width = (settings.w + loadedWidth + interfaceWidth) + "px"; + $wrap[0].style.height = (settings.h + loadedHeight + interfaceHeight) + "px"; + + if (loadedCallback) { + loadedCallback(); + } + }, + step: function () { + modalDimensions(this); + } + }); + }; + + publicMethod.resize = function (options) { + if (open) { + options = options || {}; + + if (options.width) { + settings.w = setSize(options.width, 'x') - loadedWidth - interfaceWidth; + } + if (options.innerWidth) { + settings.w = setSize(options.innerWidth, 'x'); + } + $loaded.css({width: settings.w}); + + if (options.height) { + settings.h = setSize(options.height, 'y') - loadedHeight - interfaceHeight; + } + if (options.innerHeight) { + settings.h = setSize(options.innerHeight, 'y'); + } + if (!options.innerHeight && !options.height) { + var $child = $loaded.wrapInner("<div style='overflow:auto'></div>").children(); // temporary wrapper to get an accurate estimate of just how high the total content should be. + settings.h = $child.height(); + $child.replaceWith($child.children()); // ditch the temporary wrapper div used in height calculation + } + $loaded.css({height: settings.h}); + + publicMethod.position(settings.transition === "none" ? 0 : settings.speed); + } + }; + + publicMethod.prep = function (object) { + if (!open) { + return; + } + + var photo, + speed = settings.transition === "none" ? 0 : settings.speed; + + $window.unbind('resize.' + prefix); + $loaded.remove(); + $loaded = $div('LoadedContent').html(object); + + function getWidth() { + settings.w = settings.w || $loaded.width(); + settings.w = settings.mw && settings.mw < settings.w ? settings.mw : settings.w; + return settings.w; + } + function getHeight() { + settings.h = settings.h || $loaded.height(); + settings.h = settings.mh && settings.mh < settings.h ? settings.mh : settings.h; + return settings.h; + } + + $loaded.hide() + .appendTo($loadingBay.show())// content has to be appended to the DOM for accurate size calculations. + .css({width: getWidth(), overflow: settings.scrolling ? 'auto' : 'hidden'}) + .css({height: getHeight()})// sets the height independently from the width in case the new width influences the value of height. + .prependTo($content); + + $loadingBay.hide(); + + // floating the IMG removes the bottom line-height and fixed a problem where IE miscalculates the width of the parent element as 100% of the document width. + $('#' + prefix + 'Photo').css({cssFloat: 'none', marginLeft: 'auto', marginRight: 'auto'}); + + // Hides SELECT elements in IE6 because they would otherwise sit on top of the overlay. + if (isIE6) { + $('select').not($box.find('select')).filter(function () { + return this.style.visibility !== 'hidden'; + }).css({'visibility': 'hidden'}).one(event_cleanup, function () { + this.style.visibility = 'inherit'; + }); + } + + function setPosition(s) { + var prev, prevSrc, next, nextSrc, total = $related.length, loop = settings.loop; + publicMethod.position(s, function () { + function defilter() { + if (isIE) { + //IE adds a filter when ColorBox fades in and out that can cause problems if the loaded content contains transparent pngs. + $box[0].style.removeAttribute("filter"); + } + } + + if (!open) { + return; + } + + if (isIE) { + //This fadeIn helps the bicubic resampling to kick-in. + if (photo) { + $loaded.fadeIn(100); + } + } + + $loaded.show(); + + trigger(event_loaded); + + $title.show().html(settings.title); + + if (total > 1) { // handle grouping + if (typeof settings.current === "string") { + $current.html(settings.current.replace(/\{current\}/, index + 1).replace(/\{total\}/, total)).show(); + } + + $next[(loop || index < total - 1) ? "show" : "hide"]().html(settings.next); + $prev[(loop || index) ? "show" : "hide"]().html(settings.previous); + + prev = index ? $related[index - 1] : $related[total - 1]; + next = index < total - 1 ? $related[index + 1] : $related[0]; + + if (settings.slideshow) { + $slideshow.show(); + } + + // Preloads images within a rel group + if (settings.preloading) { + nextSrc = $.data(next, colorbox).href || next.href; + prevSrc = $.data(prev, colorbox).href || prev.href; + + nextSrc = $.isFunction(nextSrc) ? nextSrc.call(next) : nextSrc; + prevSrc = $.isFunction(prevSrc) ? prevSrc.call(prev) : prevSrc; + + if (isImage(nextSrc)) { + $('<img/>')[0].src = nextSrc; + } + + if (isImage(prevSrc)) { + $('<img/>')[0].src = prevSrc; + } + } + } + + $loadingOverlay.hide(); + + if (settings.transition === 'fade') { + $box.fadeTo(speed, 1, function () { + defilter(); + }); + } else { + defilter(); + } + + $window.bind('resize.' + prefix, function () { + publicMethod.position(0); + }); + + trigger(event_complete, settings.onComplete); + }); + } + + if (settings.transition === 'fade') { + $box.fadeTo(speed, 0, function () { + setPosition(0); + }); + } else { + setPosition(speed); + } + }; + + publicMethod.load = function (launched) { + var href, img, setResize, prep = publicMethod.prep; + + active = true; + element = $related[index]; + + if (!launched) { + settings = process($.extend({}, $.data(element, colorbox))); + } + + trigger(event_purge); + + trigger(event_load, settings.onLoad); + + settings.h = settings.height ? + setSize(settings.height, 'y') - loadedHeight - interfaceHeight : + settings.innerHeight && setSize(settings.innerHeight, 'y'); + + settings.w = settings.width ? + setSize(settings.width, 'x') - loadedWidth - interfaceWidth : + settings.innerWidth && setSize(settings.innerWidth, 'x'); + + // Sets the minimum dimensions for use in image scaling + settings.mw = settings.w; + settings.mh = settings.h; + + // Re-evaluate the minimum width and height based on maxWidth and maxHeight values. + // If the width or height exceed the maxWidth or maxHeight, use the maximum values instead. + if (settings.maxWidth) { + settings.mw = setSize(settings.maxWidth, 'x') - loadedWidth - interfaceWidth; + settings.mw = settings.w && settings.w < settings.mw ? settings.w : settings.mw; + } + if (settings.maxHeight) { + settings.mh = setSize(settings.maxHeight, 'y') - loadedHeight - interfaceHeight; + settings.mh = settings.h && settings.h < settings.mh ? settings.h : settings.mh; + } + + href = settings.href; + + $loadingOverlay.show(); + + if (settings.inline) { + // Inserts an empty placeholder where inline content is being pulled from. + // An event is bound to put inline content back when ColorBox closes or loads new content. + $div().hide().insertBefore($(href)[0]).one(event_purge, function () { + $(this).replaceWith($loaded.children()); + }); + prep($(href)); + } else if (settings.iframe) { + // IFrame element won't be added to the DOM until it is ready to be displayed, + // to avoid problems with DOM-ready JS that might be trying to run in that iframe. + $box.one(event_loaded, function () { + var iframe = $("<iframe frameborder='0' style='width:100%; height:100%; border:0; display:block'/>")[0]; + iframe.name = prefix + (+new Date()); + iframe.src = settings.href; + + if (!settings.scrolling) { + iframe.scrolling = "no"; + } + + if (isIE) { + iframe.allowtransparency = "true"; + } + + $(iframe).appendTo($loaded).one(event_purge, function () { + iframe.src = "//about:blank"; + }); + }); + + prep(" "); + } else if (settings.html) { + prep(settings.html); + } else if (isImage(href)) { + img = new Image(); + img.onload = function () { + var percent; + img.onload = null; + img.id = prefix + 'Photo'; + $(img).css({border: 'none', display: 'block', cssFloat: 'left'}); + if (settings.scalePhotos) { + setResize = function () { + img.height -= img.height * percent; + img.width -= img.width * percent; + }; + if (settings.mw && img.width > settings.mw) { + percent = (img.width - settings.mw) / img.width; + setResize(); + } + if (settings.mh && img.height > settings.mh) { + percent = (img.height - settings.mh) / img.height; + setResize(); + } + } + + if (settings.h) { + img.style.marginTop = Math.max(settings.h - img.height, 0) / 2 + 'px'; + } + + if ($related[1] && (index < $related.length - 1 || settings.loop)) { + $(img).css({cursor: 'pointer'}).click(publicMethod.next); + } + + if (isIE) { + img.style.msInterpolationMode = 'bicubic'; + } + + setTimeout(function () { // Chrome will sometimes report a 0 by 0 size if there isn't pause in execution + prep(img); + }, 1); + }; + + setTimeout(function () { // Opera 10.6+ will sometimes load the src before the onload function is set + img.src = href; + }, 1); + } else if (href) { + $loadingBay.load(href, function (data, status, xhr) { + prep(status === 'error' ? 'Request unsuccessful: ' + xhr.statusText : $(this).children()); + }); + } + }; + + // Navigates to the next page/image in a set. + publicMethod.next = function () { + if (!active) { + index = index < $related.length - 1 ? index + 1 : 0; + publicMethod.load(); + } + }; + + publicMethod.prev = function () { + if (!active) { + index = index ? index - 1 : $related.length - 1; + publicMethod.load(); + } + }; + + // Note: to use this within an iframe use the following format: parent.$.fn.colorbox.close(); + publicMethod.close = function () { + if (open && !closing) { + closing = true; + + open = false; + + trigger(event_cleanup, settings.onCleanup); + + $window.unbind('.' + prefix + ' .' + event_ie6); + + $overlay.fadeTo('fast', 0); + + $box.stop().fadeTo('fast', 0, function () { + + trigger(event_purge); + + $loaded.remove(); + + $box.add($overlay).css({'opacity': 1, cursor: 'auto'}).hide(); + + setTimeout(function () { + closing = false; + trigger(event_closed, settings.onClosed); + }, 1); + }); + } + }; + + // A method for fetching the current element ColorBox is referencing. + // returns a jQuery object. + publicMethod.element = function () { + return $(element); + }; + + publicMethod.settings = defaults; + + // Initializes ColorBox when the DOM has loaded + $(publicMethod.init); + +}(jQuery, this)); \ No newline at end of file -- 1.7.2 -- You received this message because you are subscribed to the Google Groups "Puppet Developers" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/puppet-dev?hl=en.
