Dashboards

apache · Sep 13, 2015 · 3635191 · 3635191
1 parent e755854
commit 3635191
Show file tree

Hide file tree

Showing 7 changed files with 78 additions and 1 deletion.
diff --git a/panoramix/static/jquery.gridster.min.css b/panoramix/static/jquery.gridster.min.css
diff --git a/panoramix/static/jquery.gridster.with-extras.min.js b/panoramix/static/jquery.gridster.with-extras.min.js
diff --git a/panoramix/static/loading.gif b/panoramix/static/loading.gif
diff --git a/panoramix/templates/panoramix/dashboard.html b/panoramix/templates/panoramix/dashboard.html
@@ -0,0 +1,63 @@
+{% extends "panoramix/base.html" %}
+
+{% block head_css %}
+    {{super()}}
+    <link rel="stylesheet" href="{{ url_for('static', filename="jquery.gridster.min.css") }}">
+<style>
+    .gridster li {
+        list-style-type: none;
+        border: 1px solid gray;    
+        background: #EEEEEE;
+        overflow: auto;
+        box-shadow: 2px 2px 2px #AAA;
+    }
+    img.loading {
+        width: 20px;
+        margin: 5px;
+    }
+</style>
+{% endblock %}
+
+{% block content_fluid %}
+<div class="gridster content_fluid">
+    <ul>
+        <li id="loadme3" data-row="1" data-col="1" data-sizex="1" data-sizey="1">
+        </li>
+        <li data-row="2" data-col="1" data-sizex="1" data-sizey="1"></li>
+        <li data-row="3" data-col="1" data-sizex="1" data-sizey="1"></li>
+
+        <li data-row="1" data-col="2" data-sizex="2" data-sizey="1"></li>
+        <li id="loadme1" data-row="2" data-col="2" data-sizex="2" data-sizey="2"></li>
+
+        <li data-row="1" data-col="4" data-sizex="1" data-sizey="1"></li>
+        <li data-row="2" data-col="4" data-sizex="2" data-sizey="1"></li>
+        <li data-row="3" data-col="4" data-sizex="1" data-sizey="1"></li>
+
+        <li data-row="1" data-col="5" data-sizex="1" data-sizey="1"></li>
+        <li data-row="3" data-col="5" data-sizex="1" data-sizey="1"></li>
+
+        <li data-row="1" data-col="6" data-sizex="1" data-sizey="1"></li>
+        <li data-row="2" data-col="6" data-sizex="1" data-sizey="2"></li>
+        <li id="loadme2" data-row="4" data-col="1" data-sizex="2" data-sizey="2">
+        </li>
+    </ul>
+</div>
+{% endblock %}
+
+{% block tail %}
+    {{ super() }}
+    <script src="{{ url_for("static", filename="jquery.gridster.with-extras.min.js") }}"></script>
+    <script>
+    $(".gridster li").html('<img src="/static/loading.gif" class="loading">');
+    $(".gridster ul").gridster({
+        widget_margins: [5, 5],
+        widget_base_dimensions: [200, 200],
+        resize: {enabled: true}
+    });
+    $("#loadme1").load("/panoramix/table/2/?flt_col_0=gender&datasource_id=2&flt_op_0=in&viz_type=table&row_limit=50&since=50%20years%20ago&until=now&metrics=total&granularity=all&datasource_name=baby_names&slice_name=Top%2050%20table&where=&groupby=name&flt_eq_0=&datasource_type=table&standalone=true");
+    //$("#loadme2").load("/panoramix/table/2/?flt_col_0=gender&datasource_id=2&flt_op_0=in&viz_type=pie&since=50%20years%20ago&until=now&metrics=total&limit=10&granularity=one%20day&datasource_name=baby_names&slice_name=Pie&where=&groupby=name&flt_eq_0=&datasource_type=table&standalone=true");
+    //$("loadme3").html('<iframe src="http://localhost:8088/panoramix/table/2/?flt_col_0=gender&datasource_id=2&flt_op_0=in&viz_type=pie&since=50%20years%20ago&until=now&metrics=total&limit=10&granularity=one%20day&datasource_name=baby_names&slice_name=Pie&where=&groupby=name&flt_eq_0=&datasource_type=table&standalone=true"></iframe>');
+    </script>
+
+{% endblock %}
+
diff --git a/panoramix/templates/panoramix/viz_table.html b/panoramix/templates/panoramix/viz_table.html
@@ -21,7 +21,9 @@
             <tr>
               {% for col in df.columns if not col.endswith('__perc') %}  
                 {% if col + '__perc' in df.columns %}
-                <td style="background-image: linear-gradient(to right, lightgrey, lightgrey {{ row[col+'__perc'] }}%, rgba(0,0,0,0) {{ row[col+'__perc'] }}%">{{ row[col] }}</td>
+                <td style="background-image: linear-gradient(to right, lightgrey, lightgrey {{ row[col+'__perc'] }}%, rgba(0,0,0,0) {{ row[col+'__perc'] }}%">
+                    {{ row[col] }}
+                </td>
                 {% else %}
                   <td>{{ row[col] }}</td>
                 {% endif %}

diff --git a/panoramix/views.py b/panoramix/views.py
@@ -194,6 +194,8 @@ def table(self, table_id):
             .filter_by(id=table_id)
             .first()
         )
+        if not table:
+            flash("The table seem to have been deleted", "alert")
         viz_type = request.args.get("viz_type")
         if not viz_type and table.default_endpoint:
             return redirect(table.default_endpoint)
@@ -255,6 +257,11 @@ def save(self):
 
         return "super!"
 
+    @has_access
+    @expose("/dashboard/")
+    def dashboard(self):
+        return self.render_template("panoramix/dashboard.html")
+
     @has_access
     @expose("/refresh_datasources/")
     def refresh_datasources(self):

diff --git a/setup.py b/setup.py
@@ -16,6 +16,7 @@
     install_requires=[
         'flask-appbuilder>=1.4.5',
         'flask-migrate>=1.5.1',
+        'flask-login==0.2.11',
         'gunicorn>=19.3.0',
         'pandas>=0.16.2',
         'pydruid>=0.2.2',