From f233e862afb2d5d29ef6e6d794566f8c8b6a1f4e Mon Sep 17 00:00:00 2001
From: Ant Zucaro <azucaro@gmail.com>
Date: Sat, 29 Sep 2012 09:32:24 -0400
Subject: [PATCH] Use the gametype icons in the tabs!

---
 xonstat/static/css/style.css                  |  13 ++++-----
 xonstat/static/images/icons/24x24/overall.png | Bin 0 -> 2186 bytes
 xonstat/templates/player_info.mako            |  27 ++++++++++++------
 3 files changed, 24 insertions(+), 16 deletions(-)
 create mode 100644 xonstat/static/images/icons/24x24/overall.png

diff --git a/xonstat/static/css/style.css b/xonstat/static/css/style.css
index b47f14a..d872066 100755
--- a/xonstat/static/css/style.css
+++ b/xonstat/static/css/style.css
@@ -2113,7 +2113,7 @@ button.btn.small, input[type="submit"].btn.small {
 }
 .nav > li > a:hover {
   text-decoration: none;
-  background-color: #eeeeee;
+  /*background-color: #eeeeee;*/
 }
 .nav-list {
   padding-left: 14px;
@@ -3506,10 +3506,9 @@ header h2 { display:none; }
 /* Player Info Tabs */
 #gbtabcontainer { margin-top: 10px; }
 #gbtab { font-size: 12px; }
-.tabs-right .nav-tabs { border: none; }
-.nav-tabs > .active > a, .nav-tabs > .active > a:hover { background-color: #111; color: #aaa;}
-.tabs-right .nav-tabs > li > a { border-radius: 4px 4px 4px 4px; }
-.tabs-right .nav-tabs .active > a, .tabs-right .nav-tabs .active > a:hover { border-color: #222222 #222222 #222222 #222222; }
-.tabs-right .nav-tabs > li > a:hover { border-color: #222222 #222222 #222222 #222222; }
-.nav > li > a:hover { background-color: #333; color: #aaa; }
 .tabbable p { font-size: 14px; }
+.tabs-below .nav-tabs > li > a { border-radius: 4px 4px 4px 4px; }
+.nav-tabs > .active > a, .nav-tabs > .active > a:hover { background-color: #111; color: #aaa; border-color: #222; }
+.nav-tabs > li > a { border-radius: 4px 4px 4px 4px; text-align: center; }
+.nav-tabs > li > a:hover { background-color: #111; border-color: #333; }
+.nav-tabs { border-bottom: 0px solid #000; }
diff --git a/xonstat/static/images/icons/24x24/overall.png b/xonstat/static/images/icons/24x24/overall.png
new file mode 100644
index 0000000000000000000000000000000000000000..802165ac2e0682fc1f5036940aae9370eeda9311
GIT binary patch
literal 2186
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

literal 0
HcmV?d00001

diff --git a/xonstat/templates/player_info.mako b/xonstat/templates/player_info.mako
index ecdc4ba..6ec476e 100644
--- a/xonstat/templates/player_info.mako
+++ b/xonstat/templates/player_info.mako
@@ -13,12 +13,12 @@ ${nav.nav('players')}
       <script src="/static/js/bootstrap-tab.js"></script>
       <script type="text/javascript">
       $(function () {
-        $('#gbtab').click(function(e) {
+        $('#gbtab li').click(function(e) {
             e.preventDefault();
             $(this).tab('show');
         })
 
-      $('#gbtab a:first').tab('show');
+        $('#gbtab a:first').tab('show');
       })
       </script>
 
@@ -194,13 +194,7 @@ Player Information
 </div>
 
 <div class="row">
-  <div id="gbtabcontainer" class="tabbable tabs-right">
-      <ul id="gbtab" class="nav nav-tabs">
-      % for g in games_played:
-        <li><a href="#tab-${g.game_type_cd}" data-toggle="tab">${g.game_type_cd} (${g.games})</a></li>
-      % endfor
-      </ul>
-
+  <div id="gbtabcontainer" class="tabbable tabs-below">
       <div class="tab-content">
       % for g in games_played:
         <div class="tab-pane fade in 
@@ -262,6 +256,21 @@ Player Information
       </div>
   </div>
 </div>
+<div class="row">
+  <div class="span12">
+      <ul id="gbtab" class="nav nav-tabs">
+      % for g in games_played:
+        <li>
+          <a href="#tab-${g.game_type_cd}" data-toggle="tab">
+            <img src="/static/images/icons/24x24/${g.game_type_cd}.png"> <br />
+            ${g.game_type_cd} <br />
+            <small>(${g.games})</small>
+          </a>
+        </li>
+      % endfor
+      </ul>
+  </div>
+</div>
 
 
 % if 'nex' in recent_weapons or 'rifle' in recent_weapons or 'minstanex' in recent_weapons or 'uzi' in recent_weapons or 'shotgun' in recent_weapons:
-- 
2.39.2