From: Jan Behrens <zykure@web.de>
Date: Sun, 3 Feb 2013 14:21:11 +0000 (+0100)
Subject: Adding gametype icons to game_info page
X-Git-Url: https://git.rm.cloudns.org/?a=commitdiff_plain;h=279cc80af658609e83cc19c324b9b6ffa586a9e4;p=xonotic%2Fxonstat.git

Adding gametype icons to game_info page
---

diff --git a/xonstat/static/css/style.css b/xonstat/static/css/style.css
index 441de51..a7e2cb8 100755
--- a/xonstat/static/css/style.css
+++ b/xonstat/static/css/style.css
@@ -3397,6 +3397,9 @@ table {
   background: rgb(0, 0, 0); /* IE Fallback */
   background: none repeat scroll 0 0 rgba(0, 0, 0, 0.7);
 }
+.clear {
+  clear: both;
+}
 #statline {
   font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 13px;
@@ -3506,9 +3509,10 @@ header h2 { display:none; }
 }
 
 .flot table, .flot td {
-    background-color: black;
+  background-color: black;
 	border: 0;
 }
+
 /* Player Info Tabs */
 #gbtabcontainer { margin-top: 10px; }
 #gbtab { font-size: 12px; }
@@ -3520,3 +3524,14 @@ header h2 { display:none; }
 .nav-tabs { border-bottom: 0px solid #000; }
 
 .table .tdcenter { text-align: center; }
+
+/* Game Info */
+.game-detail img {
+  float: left;
+  margin-right: 10px;
+}
+
+.game-detail p {
+  float: left;
+}
+
diff --git a/xonstat/templates/game_info.mako b/xonstat/templates/game_info.mako
index 2c5f1b3..0327e61 100644
--- a/xonstat/templates/game_info.mako
+++ b/xonstat/templates/game_info.mako
@@ -32,8 +32,9 @@ Game Information
 
 % else:
 <div class="row">
-  <div class="span6">
+  <div class="span6 game-detail">
     <h2>Game Detail</h2>
+    <img width="48" height="48" src="/static/images/icons/48x48/${game.game_type_cd}.png" alt="${game.game_type_cd}" title="${game.game_type_cd}"/>
     <p>
       Played: <span class="abstime" data-epoch="${game.epoch()}" title="${game.start_dt.strftime('%a, %d %b %Y %H:%M:%S UTC')}">${game.fuzzy_date()}</span><br />
       Game Type: ${game.game_type_cd}<br />
@@ -43,6 +44,7 @@ Game Information
         Duration: ${"%s:%02d" % (game.duration.seconds/60, game.duration.seconds%60)}
       % endif
     </p>
+    <span class="clear"></span>
   </div>
 </div>