Merge pull request #198 from airbnb/welcome

A welcome page

dashed/assets/javascripts/featured.js

@@ -1,19 +0,0 @@
-var $ = window.$ = require('jquery');
-var jQuery = window.jQuery = $;
-require('./modules/dashed.js');
-
-require('bootstrap');
-require('datatables');
-require('../node_modules/datatables-bootstrap3-plugin/media/css/datatables-bootstrap3.css');
-
-$(document).ready(function () {
-  $('#dataset-table').DataTable({
-    bPaginate: false,
-    order: [
-      [1, "asc"]
-    ]
-  });
-  $('#dataset-table_info').remove();
-  //$('input[type=search]').addClass('form-control');  # TODO get search box to look nice
-  $('#dataset-table').show();
-});

dashed/assets/javascripts/welcome.js

@@ -0,0 +1,48 @@
+var $ = window.$ = require('jquery');
+var jQuery = window.jQuery = $;
+
+require('../stylesheets/dashed.css');
+require('../stylesheets/welcome.css');
+require('bootstrap');
+require('datatables');
+require('../node_modules/cal-heatmap/cal-heatmap.css');
+
+var CalHeatMap = require('cal-heatmap');
+
+function modelViewTable(selector, modelEndpoint, ordering) {
+  // Builds a dataTable from a flask appbuilder api endpoint
+  $.getJSON(modelEndpoint + '/api/read', function (data) {
+    var tableData = jQuery.map(data.result, function (el, i) {
+        var row = $.map(data.list_columns, function (col, i) {
+          return el[col];
+        });
+        return [row];
+    });
+    var cols = jQuery.map(data.list_columns, function (col, i) {
+      return { sTitle: data.label_columns[col] };
+    });
+    $(selector).DataTable({
+      aaData: tableData,
+      aoColumns: cols,
+      bPaginate: false,
+      order: ordering,
+      searching: false
+    });
+    $('[data-toggle="tooltip"]').tooltip({ container: 'body' });
+  });
+}
+
+$(document).ready(function () {
+  var cal = new CalHeatMap();
+  cal.init({
+    start: new Date().setFullYear(new Date().getFullYear() - 1),
+    range: 13,
+    data: '/dashed/activity_per_day',
+    domain: "month",
+    subDomain: "day",
+    itemName: "action",
+    tooltip: true
+  });
+  modelViewTable('#dash_table', '/dashboardmodelviewasync');
+  modelViewTable('#slice_table', '/sliceasync');
+});