From 7679644c6adde9862e67d34043ef9ef9e05b1f6d Mon Sep 17 00:00:00 2001
From: Ant Zucaro <azucaro@gmail.com>
Date: Thu, 2 Jun 2011 01:01:59 -0400
Subject: [PATCH] Show recent game scoreboards in an iframe viewport from the
 player_info view/template.

---
 xonstat/static/css/colorbox.css              |  49 +++++++++++++++++++
 xonstat/static/images/border.png             | Bin 0 -> 163 bytes
 xonstat/static/images/controls.png           | Bin 0 -> 2033 bytes
 xonstat/static/images/loading.gif            | Bin 0 -> 9427 bytes
 xonstat/static/images/loading_background.png | Bin 0 -> 166 bytes
 xonstat/static/js/jquery.colorbox-min.js     |   4 ++
 xonstat/templates/base.mako                  |   1 +
 xonstat/templates/player_info.mako           |  18 ++++++-
 8 files changed, 71 insertions(+), 1 deletion(-)
 create mode 100755 xonstat/static/css/colorbox.css
 create mode 100755 xonstat/static/images/border.png
 create mode 100755 xonstat/static/images/controls.png
 create mode 100755 xonstat/static/images/loading.gif
 create mode 100755 xonstat/static/images/loading_background.png
 create mode 100755 xonstat/static/js/jquery.colorbox-min.js

diff --git a/xonstat/static/css/colorbox.css b/xonstat/static/css/colorbox.css
new file mode 100755
index 0000000..e0ac646
--- /dev/null
+++ b/xonstat/static/css/colorbox.css
@@ -0,0 +1,49 @@
+/*
+    ColorBox Core Style:
+    The following CSS is consistent between example themes and should not be altered.
+*/
+#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;}
+#cboxLoadedContent{overflow:auto;}
+#cboxTitle{margin:0;}
+#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
+#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
+.cboxPhoto{float:left; margin:auto; border:0; display:block;}
+.cboxIframe{width:100%; height:100%; display:block; border:0;}
+
+/* 
+    User Style:
+    Change the following styles to modify the appearance of ColorBox.  They are
+    ordered & tabbed in a way that represents the nesting of the generated HTML.
+*/
+#cboxOverlay{background:#000;}
+#colorbox{}
+    #cboxTopLeft{width:14px; height:14px; background:url(/static/images/controls.png) no-repeat 0 0;}
+    #cboxTopCenter{height:14px; background:url(/static/images/border.png) repeat-x top left;}
+    #cboxTopRight{width:14px; height:14px; background:url(/static/images/controls.png) no-repeat -36px 0;}
+    #cboxBottomLeft{width:14px; height:43px; background:url(/static/images/controls.png) no-repeat 0 -32px;}
+    #cboxBottomCenter{height:43px; background:url(/static/images/border.png) repeat-x bottom left;}
+    #cboxBottomRight{width:14px; height:43px; background:url(/static/images/controls.png) no-repeat -36px -32px;}
+    #cboxMiddleLeft{width:14px; background:url(/static/images/controls.png) repeat-y -175px 0;}
+    #cboxMiddleRight{width:14px; background:url(/static/images/controls.png) repeat-y -211px 0;}
+    #cboxContent{background:#fff; overflow:visible;}
+        #cboxLoadedContent{margin-bottom:5px;}
+        #cboxLoadingOverlay{background:url(/static/images/loading_background.png) no-repeat center center;}
+        #cboxLoadingGraphic{background:url(/static/images/loading.gif) no-repeat center center;}
+        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
+        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
+        
+        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(/static/images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
+        #cboxPrevious{left:0px; background-position: -51px -25px;}
+        #cboxPrevious.hover{background-position:-51px 0px;}
+        #cboxNext{left:27px; background-position:-75px -25px;}
+        #cboxNext.hover{background-position:-75px 0px;}
+        #cboxClose{right:0; background-position:-100px -25px;}
+        #cboxClose.hover{background-position:-100px 0px;}
+        
+        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
+        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
+        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
+        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
diff --git a/xonstat/static/images/border.png b/xonstat/static/images/border.png
new file mode 100755
index 0000000000000000000000000000000000000000..df13bb6daf79307915e7dd1cf29d48730a50c29d
GIT binary patch
literal 163
zcmeAS@N?(olHy`uVBq!ia0vp^j6m$o!3-qZIAk{hDdPa25Z9ofAa{3ne}8{RM@MgO
z?|^^+D=VvngoLiHE@NZkOP4N1MMVV$27dbVsk5{5|NsBbo<1!vSziv+uI=gK7*Y|p
z^k6G*gM$FWhIux5zx_}1v|LF#mgu27<@e;v&wgfZpEc#erGmW@9n6=)zqo$~YGd$p
L^>bP0l+XkK8G}75

literal 0
HcmV?d00001

diff --git a/xonstat/static/images/controls.png b/xonstat/static/images/controls.png
new file mode 100755
index 0000000000000000000000000000000000000000..65cfd1dc95c5ee4c6c3d0848b1dcfc0ec69f6aea
GIT binary patch
literal 2033
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
P00000NkvXXu0mjf=5OWV

literal 0
HcmV?d00001

diff --git a/xonstat/static/images/loading.gif b/xonstat/static/images/loading.gif
new file mode 100755
index 0000000000000000000000000000000000000000..b4695d811d4f84ed693eff7b5e6b4d61a3e8c48d
GIT binary patch
literal 9427
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
BHE;j`

literal 0
HcmV?d00001

diff --git a/xonstat/static/images/loading_background.png b/xonstat/static/images/loading_background.png
new file mode 100755
index 0000000000000000000000000000000000000000..9de11f46719e3f60412a8d925821b8a3aa7b5b2b
GIT binary patch
literal 166
zcmeAS@N?(olHy`uVBq!ia0vp^8X(NV3?%C=ER6$FLIFM@uK!^GC;(x)UpJW#<gk_m
z`31jk5MVez$$QRKpn#pHi(^Pd+}q2Fj0_3_&KDIwNC-JJbvrN#ypCr*FUC+9Z?{)b
zYW}GMOSW7P<zMxP&3Ar6(jwWlbGO?z?LEW#YXh6qUabZrph*m#u6{1-oD!M<zOy|(

literal 0
HcmV?d00001

diff --git a/xonstat/static/js/jquery.colorbox-min.js b/xonstat/static/js/jquery.colorbox-min.js
new file mode 100755
index 0000000..b5f6e83
--- /dev/null
+++ b/xonstat/static/js/jquery.colorbox-min.js
@@ -0,0 +1,4 @@
+// ColorBox v1.3.17.1 - a full featured, light-weight, customizable lightbox based on jQuery 1.3+
+// Copyright (c) 2011 Jack Moore - jack@colorpowered.com
+// Licensed under the MIT license: http://www.opensource.org/licenses/mit-license.php
+(function(a,b,c){function bc(b){if(!T){O=b,_(a.extend(J,a.data(O,e))),x=a(O),P=0,J.rel!=="nofollow"&&(x=a("."+X).filter(function(){var b=a.data(this,e).rel||this.rel;return b===J.rel}),P=x.index(O),P===-1&&(x=x.add(O),P=x.length-1));if(!R){R=S=!0,q.show();if(J.returnFocus)try{O.blur(),a(O).one(k,function(){try{this.focus()}catch(a){}})}catch(c){}p.css({opacity:+J.opacity,cursor:J.overlayClose?"pointer":"auto"}).show(),J.w=Z(J.initialWidth,"x"),J.h=Z(J.initialHeight,"y"),W.position(0),n&&y.bind("resize."+o+" scroll."+o,function(){p.css({width:y.width(),height:y.height(),top:y.scrollTop(),left:y.scrollLeft()})}).trigger("resize."+o),ba(g,J.onOpen),I.add(C).hide(),H.html(J.close).show()}W.load(!0)}}function bb(){var a,b=f+"Slideshow_",c="click."+f,d,e,g;J.slideshow&&x[1]?(d=function(){E.text(J.slideshowStop).unbind(c).bind(i,function(){if(P<x.length-1||J.loop)a=setTimeout(W.next,J.slideshowSpeed)}).bind(h,function(){clearTimeout(a)}).one(c+" "+j,e),q.removeClass(b+"off").addClass(b+"on"),a=setTimeout(W.next,J.slideshowSpeed)},e=function(){clearTimeout(a),E.text(J.slideshowStart).unbind([i,h,j,c].join(" ")).one(c,d),q.removeClass(b+"on").addClass(b+"off")},J.slideshowAuto?d():e()):q.removeClass(b+"off "+b+"on")}function ba(b,c){c&&c.call(O),a.event.trigger(b)}function _(b){for(var c in b)a.isFunction(b[c])&&c.substring(0,2)!=="on"&&(b[c]=b[c].call(O));b.rel=b.rel||O.rel||"nofollow",b.href=b.href||a(O).attr("href"),b.title=b.title||O.title,typeof b.href=="string"&&(b.href=a.trim(b.href))}function $(a){return J.photo||/\.(gif|png|jpg|jpeg|bmp)(?:\?([^#]*))?(?:#(\.*))?$/i.test(a)}function Z(a,b){b=b==="x"?y.width():y.height();return typeof a=="string"?Math.round(/%/.test(a)?b/100*parseInt(a,10):parseInt(a,10)):a}function Y(c,d){var e=b.createElement("div");c&&(e.id=f+c),e.style.cssText=d||"";return a(e)}var d={transition:"elastic",speed:300,width:!1,initialWidth:"600",innerWidth:!1,maxWidth:!1,height:!1,initialHeight:"450",innerHeight:!1,maxHeight:!1,scalePhotos:!0,scrolling:!0,inline:!1,html:!1,iframe:!1,fastIframe:!0,photo:!1,href:!1,title:!1,rel:!1,opacity:.9,preloading:!0,current:"image {current} of {total}",previous:"previous",next:"next",close:"close",open:!1,returnFocus:!0,loop:!0,slideshow:!1,slideshowAuto:!0,slideshowSpeed:2500,slideshowStart:"start slideshow",slideshowStop:"stop slideshow",onOpen:!1,onLoad:!1,onComplete:!1,onCleanup:!1,onClosed:!1,overlayClose:!0,escKey:!0,arrowKey:!0,top:!1,bottom:!1,left:!1,right:!1,fixed:!1,data:!1},e="colorbox",f="cbox",g=f+"_open",h=f+"_load",i=f+"_complete",j=f+"_cleanup",k=f+"_closed",l=f+"_purge",m=a.browser.msie&&!a.support.opacity,n=m&&a.browser.version<7,o=f+"_IE6",p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J={},K,L,M,N,O,P,Q,R,S,T,U,V,W,X=f+"Element";W=a.fn[e]=a[e]=function(b,c){var f=this,g;if(!f[0]&&f.selector)return f;b=b||{},c&&(b.onComplete=c);if(!f[0]||f.selector===undefined)f=a("<a/>"),b.open=!0;f.each(function(){a.data(this,e,a.extend({},a.data(this,e)||d,b)),a(this).addClass(X)}),g=b.open,a.isFunction(g)&&(g=g.call(f)),g&&bc(f[0]);return f},W.init=function(){y=a(c),q=Y().attr({id:e,"class":m?f+(n?"IE6":"IE"):""}),p=Y("Overlay",n?"position:absolute":"").hide(),r=Y("Wrapper"),s=Y("Content").append(z=Y("LoadedContent","width:0; height:0; overflow:hidden"),B=Y("LoadingOverlay").add(Y("LoadingGraphic")),C=Y("Title"),D=Y("Current"),F=Y("Next"),G=Y("Previous"),E=Y("Slideshow").bind(g,bb),H=Y("Close")),r.append(Y().append(Y("TopLeft"),t=Y("TopCenter"),Y("TopRight")),Y(!1,"clear:left").append(u=Y("MiddleLeft"),s,v=Y("MiddleRight")),Y(!1,"clear:left").append(Y("BottomLeft"),w=Y("BottomCenter"),Y("BottomRight"))).children().children().css({"float":"left"}),A=Y(!1,"position:absolute; width:9999px; visibility:hidden; display:none"),a("body").prepend(p,q.append(r,A)),s.children().hover(function(){a(this).addClass("hover")},function(){a(this).removeClass("hover")}).addClass("hover"),K=t.height()+w.height()+s.outerHeight(!0)-s.height(),L=u.width()+v.width()+s.outerWidth(!0)-s.width(),M=z.outerHeight(!0),N=z.outerWidth(!0),q.css({"padding-bottom":K,"padding-right":L}).hide(),F.click(function(){W.next()}),G.click(function(){W.prev()}),H.click(function(){W.close()}),I=F.add(G).add(D).add(E),s.children().removeClass("hover"),p.click(function(){J.overlayClose&&W.close()}),a(b).bind("keydown."+f,function(a){var b=a.keyCode;R&&J.escKey&&b===27&&(a.preventDefault(),W.close()),R&&J.arrowKey&&x[1]&&(b===37?(a.preventDefault(),G.click()):b===39&&(a.preventDefault(),F.click()))})},W.remove=function(){q.add(p).remove(),a("."+X).removeData(e).removeClass(X)},W.position=function(a,c){function g(a){t[0].style.width=w[0].style.width=s[0].style.width=a.style.width,B[0].style.height=B[1].style.height=s[0].style.height=u[0].style.height=v[0].style.height=a.style.height}var d,e=0,f=0;q.hide(),J.fixed&&!n?q.css({position:"fixed"}):(e=y.scrollTop(),f=y.scrollLeft(),q.css({position:"absolute"})),J.right!==!1?f+=Math.max(y.width()-J.w-N-L-Z(J.right,"x"),0):J.left!==!1?f+=Z(J.left,"x"):f+=Math.max(y.width()-J.w-N-L,0)/2,J.bottom!==!1?e+=Math.max(b.documentElement.clientHeight-J.h-M-K-Z(J.bottom,"y"),0):J.top!==!1?e+=Z(J.top,"y"):e+=Math.max(b.documentElement.clientHeight-J.h-M-K,0)/2,q.show(),d=q.width()===J.w+N&&q.height()===J.h+M?0:a,r[0].style.width=r[0].style.height="9999px",q.dequeue().animate({width:J.w+N,height:J.h+M,top:e,left:f},{duration:d,complete:function(){g(this),S=!1,r[0].style.width=J.w+N+L+"px",r[0].style.height=J.h+M+K+"px",c&&c()},step:function(){g(this)}})},W.resize=function(a){if(R){a=a||{},a.width&&(J.w=Z(a.width,"x")-N-L),a.innerWidth&&(J.w=Z(a.innerWidth,"x")),z.css({width:J.w}),a.height&&(J.h=Z(a.height,"y")-M-K),a.innerHeight&&(J.h=Z(a.innerHeight,"y"));if(!a.innerHeight&&!a.height){var b=z.wrapInner("<div style='overflow:auto'></div>").children();J.h=b.height(),b.replaceWith(b.children())}z.css({height:J.h}),W.position(J.transition==="none"?0:J.speed)}},W.prep=function(b){function h(b){W.position(b,function(){function o(){m&&q[0].style.removeAttribute("filter")}var b,d,g,h,j=x.length,k,n;!R||(n=function(){clearTimeout(V),B.hide(),ba(i,J.onComplete)},m&&Q&&z.fadeIn(100),C.html(J.title).add(z).show(),j>1?(typeof J.current=="string"&&D.html(J.current.replace(/\{current\}/,P+1).replace(/\{total\}/,j)).show(),F[J.loop||P<j-1?"show":"hide"]().html(J.next),G[J.loop||P?"show":"hide"]().html(J.previous),b=P?x[P-1]:x[j-1],g=P<j-1?x[P+1]:x[0],J.slideshow&&E.show(),J.preloading&&(h=a.data(g,e).href||g.href,d=a.data(b,e).href||b.href,h=a.isFunction(h)?h.call(g):h,d=a.isFunction(d)?d.call(b):d,$(h)&&(a("<img/>")[0].src=h),$(d)&&(a("<img/>")[0].src=d))):I.hide(),J.iframe?(k=a("<iframe/>").addClass(f+"Iframe")[0],J.fastIframe?n():a(k).one("load",n),k.name=f+ +(new Date),k.src=J.href,J.scrolling||(k.scrolling="no"),m&&(k.frameBorder=0,k.allowTransparency="true"),a(k).appendTo(z).one(l,function(){k.src="//about:blank"})):n(),J.transition==="fade"?q.fadeTo(c,1,o):o(),y.bind("resize."+f,function(){W.position(0)}))})}function g(){J.h=J.h||z.height(),J.h=J.mh&&J.mh<J.h?J.mh:J.h;return J.h}function d(){J.w=J.w||z.width(),J.w=J.mw&&J.mw<J.w?J.mw:J.w;return J.w}if(!!R){var c=J.transition==="none"?0:J.speed;y.unbind("resize."+f),z.remove(),z=Y("LoadedContent").html(b),z.hide().appendTo(A.show()).css({width:d(),overflow:J.scrolling?"auto":"hidden"}).css({height:g()}).prependTo(s),A.hide(),a(Q).css({"float":"none"}),n&&a("select").not(q.find("select")).filter(function(){return this.style.visibility!=="hidden"}).css({visibility:"hidden"}).one(j,function(){this.style.visibility="inherit"}),J.transition==="fade"?q.fadeTo(c,0,function(){h(0)}):h(c)}},W.load=function(b){var c,d,g=W.prep;S=!0,Q=!1,O=x[P],b||_(a.extend(J,a.data(O,e))),ba(l),ba(h,J.onLoad),J.h=J.height?Z(J.height,"y")-M-K:J.innerHeight&&Z(J.innerHeight,"y"),J.w=J.width?Z(J.width,"x")-N-L:J.innerWidth&&Z(J.innerWidth,"x"),J.mw=J.w,J.mh=J.h,J.maxWidth&&(J.mw=Z(J.maxWidth,"x")-N-L,J.mw=J.w&&J.w<J.mw?J.w:J.mw),J.maxHeight&&(J.mh=Z(J.maxHeight,"y")-M-K,J.mh=J.h&&J.h<J.mh?J.h:J.mh),c=J.href,V=setTimeout(function(){B.show()},100),J.inline?(Y().hide().insertBefore(a(c)[0]).one(l,function(){a(this).replaceWith(z.children())}),g(a(c))):J.iframe?g(" "):J.html?g(J.html):$(c)?(a(Q=new Image).addClass(f+"Photo").error(function(){J.title=!1,g(Y("Error").text("This image could not be loaded"))}).load(function(){var a;Q.onload=null,J.scalePhotos&&(d=function(){Q.height-=Q.height*a,Q.width-=Q.width*a},J.mw&&Q.width>J.mw&&(a=(Q.width-J.mw)/Q.width,d()),J.mh&&Q.height>J.mh&&(a=(Q.height-J.mh)/Q.height,d())),J.h&&(Q.style.marginTop=Math.max(J.h-Q.height,0)/2+"px"),x[1]&&(P<x.length-1||J.loop)&&(Q.style.cursor="pointer",Q.onclick=function(){W.next()}),m&&(Q.style.msInterpolationMode="bicubic"),setTimeout(function(){g(Q)},1)}),setTimeout(function(){Q.src=c},1)):c&&A.load(c,J.data,function(b,c,d){g(c==="error"?Y("Error").text("Request unsuccessful: "+d.statusText):a(this).contents())})},W.next=function(){!S&&x[1]&&(P<x.length-1||J.loop)&&(P=P<x.length-1?P+1:0,W.load())},W.prev=function(){!S&&x[1]&&(P||J.loop)&&(P=P?P-1:x.length-1,W.load())},W.close=function(){R&&!T&&(T=!0,R=!1,ba(j,J.onCleanup),y.unbind("."+f+" ."+o),p.fadeTo(200,0),q.stop().fadeTo(300,0,function(){q.add(p).css({opacity:1,cursor:"auto"}).hide(),ba(l),z.remove(),setTimeout(function(){T=!1,ba(k,J.onClosed)},1)}))},W.element=function(){return a(O)},W.settings=d,U=function(a){a.button!==0&&typeof a.button!="undefined"||a.ctrlKey||a.shiftKey||a.altKey||(a.preventDefault(),bc(this))},a.fn.delegate?a(b).delegate("."+X,"click",U):a("."+X).live("click",U),a(W.init)})(jQuery,document,this)
\ No newline at end of file
diff --git a/xonstat/templates/base.mako b/xonstat/templates/base.mako
index 1e336a9..ca01bef 100755
--- a/xonstat/templates/base.mako
+++ b/xonstat/templates/base.mako
@@ -1,3 +1,4 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 <html>
    <head>
       <title><%block name="title">XonStat - The Xonotic Statistics Database</%block></title>
diff --git a/xonstat/templates/player_info.mako b/xonstat/templates/player_info.mako
index ad29f12..7b572fe 100755
--- a/xonstat/templates/player_info.mako
+++ b/xonstat/templates/player_info.mako
@@ -1,6 +1,22 @@
 <%inherit file="base.mako"/>
 <%namespace file="accuracy.mako" import="accuracy" />
 
+<%block name="css">
+${parent.css()}
+<link rel="stylesheet" href="/static/css/colorbox.css" type="text/css" media="screen" />
+</%block>
+
+<%block name="js">
+${parent.js()}
+<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
+<script src="/static/js/jquery.colorbox-min.js"></script>
+<script>
+$(document).ready(function(){
+    $(".recent_game_box").colorbox({width:"80%", height:"80%", iframe:true});
+});
+</script>
+</%block>
+
 <%block name="title">
 % if player:
 Player Information for ${player.nick_html_colors()} - 
@@ -91,7 +107,7 @@ ${accuracy(weapon_stats)}
    % endif
    </td>
    <td>${game.fuzzy_date()}</td>
-   <td><a href="${request.route_url("game_info", id=game.game_id)}" name="Game info page for game #${game.game_id}">View</a></td>
+   <td><a class="recent_game_box" href="${request.route_url("game_info", id=game.game_id)}" name="Game info page for game #${game.game_id}">View</a></td>
 </tr>
 % endfor
 </table>
-- 
2.39.2