From 224362343011984b4bfd5be4216530cc1c8e189c Mon Sep 17 00:00:00 2001
From: Maxime Beauchemin <maximebeauchemin@gmail.com>
Date: Wed, 30 Sep 2015 08:59:19 -0700
Subject: [PATCH] Temporary hack to see the query for NVD3 vizs

---
 panoramix/templates/panoramix/datasource.html |  9 +++-
 .../templates/panoramix/viz_highcharts.html   | 48 -------------------
 panoramix/templates/panoramix/viz_nvd3.html   |  3 +-
 panoramix/viz.py                              | 11 +++--
 4 files changed, 17 insertions(+), 54 deletions(-)
 delete mode 100644 panoramix/templates/panoramix/viz_highcharts.html

diff --git a/panoramix/templates/panoramix/datasource.html b/panoramix/templates/panoramix/datasource.html
index 308b71db1eb91..d627828683ae9 100644
--- a/panoramix/templates/panoramix/datasource.html
+++ b/panoramix/templates/panoramix/datasource.html
@@ -133,9 +133,9 @@ <h3>{{ viz.verbose_name }}
         <span class="label label-success">
           {{ "{0:0.4f}".format(results.duration.total_seconds()) }} s
         </span>
+        {% endif %}
         <span class="label label-info btn"
           data-toggle="modal" data-target="#query_modal">query</span>
-        {% endif %}
       </h3>
       <hr/>
       <div class="viz" style="height: 700px;">
@@ -159,7 +159,12 @@ <h3>{{ viz.verbose_name }}
         <h4 class="modal-title" id="myModalLabel">Query</h4>
       </div>
       <div class="modal-body">
-        <pre>{{ '' }}</pre>
+        <pre id="query_container">
+          {% if viz.query %}
+          {% else %}
+            <img width="250" src="{{ url_for('static', filename="penguins.png") }}">
+          {% endif %}
+        </pre>
       </div>
       <div class="modal-footer">
         <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
diff --git a/panoramix/templates/panoramix/viz_highcharts.html b/panoramix/templates/panoramix/viz_highcharts.html
deleted file mode 100644
index 4444336646688..0000000000000
--- a/panoramix/templates/panoramix/viz_highcharts.html
+++ /dev/null
@@ -1,48 +0,0 @@
-{% macro viz_html(viz) %}
-<div id="{{ viz.token }}" style="height:100%; width: 100%">
-  <img src="{{ url_for("static", filename="loading.gif") }}" class="loading">
-  <div class="chart" style="height:100%; width: 100%"></div>
-</div>
-{% endmacro %}
-
-{% macro viz_js(viz) %}
-<script>
-  $( document ).ready(function() {
-    Highcharts.setOptions({
-      colors: [
-      "#FF5A5F", "#007A87", "#7B0051", "#00D1C1", "#8CE071", "#FFB400",
-      "#FFAA91", "#B4A76C", "#9CA299", "#565A5C"
-      ],
-      global: {
-        useUTC: false
-      },
-    });
-    var token = $("#{{ viz.token }}");
-    var loading = $("#{{ viz.token }}").find("img.loading");
-    var chart = $("#{{ viz.token }}").find("div.chart");
-    var refresh = function(){ 
-      chart.hide();
-      loading.show();
-      var url = "{{ viz.get_url(json="true")|safe }}";
-      $.getJSON(url, function(data){
-        chart.width(token.width());
-        chart.height(token.height()-40);
-        chart.highcharts('{{ viz.chart_call }}', data);
-        chart.show();
-        token.find("img.loading").hide();
-      })
-      .fail(function(xhr) {
-        var err = '<div class="alert alert-danger">' + xhr.responseText  + '</div>';
-        loading.hide();
-        chart.show();
-        chart.html(err);
-      });
-    };
-    refresh();
-    token.parent().find("a.refresh").click(refresh);
-  });
-</script>
-{% endmacro %}
-
-{% macro viz_css(viz) %}
-{% endmacro %}
diff --git a/panoramix/templates/panoramix/viz_nvd3.html b/panoramix/templates/panoramix/viz_nvd3.html
index b1b072158a025..d36881fb80349 100644
--- a/panoramix/templates/panoramix/viz_nvd3.html
+++ b/panoramix/templates/panoramix/viz_nvd3.html
@@ -34,6 +34,7 @@
       loading.show();
       var url = "{{ viz.get_url(json="true")|safe }}";
       $.getJSON(url, function(data){
+        $("#query_container").html(data.query);
         nv.addGraph(function() {
           // chart_type is {{ viz.chart_type }}
           {% if viz.chart_type == 'line' %}
@@ -127,7 +128,7 @@
 
 
           token.select('.chart').append("svg")
-            .datum(data)
+            .datum(data.chart_data)
             .transition().duration(500)
             .call(chart);
 
diff --git a/panoramix/viz.py b/panoramix/viz.py
index 499305997d3ad..061463228f169 100644
--- a/panoramix/viz.py
+++ b/panoramix/viz.py
@@ -397,7 +397,7 @@ def get_df(self):
     def get_json(self):
         df = self.get_df()
         series = df.to_dict('series')
-        datas = []
+        chart_data = []
         for name in df.T.index.tolist():
             ys = series[name]
             if df[name].dtype.kind not in "biufc":
@@ -418,8 +418,13 @@ def get_json(self):
                     {'x': ds, 'y': ys[i]}
                     for i, ds in enumerate(df.timestamp)]
             }
-            datas.append(d)
-        return dumps(datas)
+            chart_data.append(d)
+            data = {
+                'chart_data': chart_data,
+                'query': self.results.query,
+                'duration': self.results.duration,
+            }
+        return dumps(data)
 
 
 class NVD3TimeSeriesBarViz(NVD3TimeSeriesViz):