From b286b95153da220b86207e58f9d0ad4621981902 Mon Sep 17 00:00:00 2001
From: Tyler Renelle <tylerrenelle@gmail.com>
Date: Thu, 21 Mar 2013 16:31:23 -0600
Subject: [PATCH] add charts back in, temporary style

---
 src/app/tasks.coffee  | 3 +--
 views/app/header.html | 9 +++------
 views/app/index.html  | 1 +
 views/app/tasks.html  | 2 +-
 4 files changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/app/tasks.coffee b/src/app/tasks.coffee
index 91daac794c..ddfd3dc889 100644
--- a/src/app/tasks.coffee
+++ b/src/app/tasks.coffee
@@ -135,8 +135,7 @@ module.exports.app = (appExports, model) ->
 
     options = {
       title: 'History'
-      #TODO use current background color: $(el).css('background-color), but convert to hex (see http://goo.gl/ql5pR)
-      backgroundColor: 'whiteSmoke'
+      backgroundColor: { fill:'transparent' }
     }
 
     chart = new google.visualization.LineChart(document.getElementById( chartSelector ))
diff --git a/views/app/header.html b/views/app/header.html
index fcd7af47a6..fba8d58202 100644
--- a/views/app/header.html
+++ b/views/app/header.html
@@ -16,15 +16,12 @@
                 <div class="meter experience" title="Experience">
                     <div class="bar" style="width: {percent(_user.stats.exp,tnl(_user.stats.lvl))}%;"></div>
                     <span class="meter-text">
-                      <!-- disabled chart for now, it doesn't work -->
-                      <!-- {#if _user.history.exp} -->
-                        <!-- <a x-bind=click:toggleChart data-toggle-id="exp-chart" data-history-path="_user.history.exp" rel=tooltip title="Progress"><i class=icon-signal></i></a>&nbsp; -->
-                      <!-- {/} -->
+                       {#if _user.history.exp}
+                         <a x-bind=click:toggleChart data-toggle-id="exp-chart" data-history-path="_user.history.exp" rel=tooltip title="Progress"><i class=icon-signal></i></a>&nbsp;
+                       {/}
                       <i class=icon-star></i> {floor(_user.stats.exp)} / {tnl(_user.stats.lvl)}
                     </span>
                 </div>
-                <!-- hiding the button until we revamp stats/graphs -->
-                <!-- <div id="exp-chart" style="display:none;"></div> -->
             </div>
 
             <!-- party -->
diff --git a/views/app/index.html b/views/app/index.html
index 38029dd15d..5fd2ec3382 100644
--- a/views/app/index.html
+++ b/views/app/index.html
@@ -41,6 +41,7 @@
   <div id="notification-area"></div>
   <div id="wrap">
     <app:alerts:flash />
+      <div id="exp-chart" style="display:none;"></div>
     <div id=main class="grid">
       <app:tasks:taskLists />
     </div>
diff --git a/views/app/tasks.html b/views/app/tasks.html
index 8490085e71..6a9f39250b 100644
--- a/views/app/tasks.html
+++ b/views/app/tasks.html
@@ -78,7 +78,7 @@
             <!-- chart -->
             <!-- removing for now cuz it's broken -->
             {#if :task.history}
-            <!-- <a x-bind=click:toggleChart data-toggle-id="{{:task.id}}-chart" data-hide-id="{{:task.id}}-edit" data-history-path="_user.tasks.{{:task.id}}.history" rel="tooltip" title="Progress"><i class="icon-signal"></i></a> -->
+              <a x-bind=click:toggleChart data-toggle-id="{{:task.id}}-chart" data-hide-id="{{:task.id}}-edit" data-history-path="_user.tasks.{{:task.id}}.history" rel="tooltip" title="Progress"><i class="icon-signal"></i></a>
             {/}
             <!-- notes -->
             {#if :task.notes}