mirror of
https://github.com/apache/superset.git
synced 2024-09-16 02:29:39 -04:00
82 lines
2.5 KiB
JavaScript
82 lines
2.5 KiB
JavaScript
var $ = window.$ = require('jquery');
|
|
var jQuery = window.jQuery = $;
|
|
|
|
require('../stylesheets/welcome.css');
|
|
require('bootstrap');
|
|
require('datatables.net-bs');
|
|
require('../node_modules/datatables-bootstrap3-plugin/media/css/datatables-bootstrap3.css');
|
|
require('../node_modules/cal-heatmap/cal-heatmap.css');
|
|
var d3 = require('d3');
|
|
|
|
var CalHeatMap = require('cal-heatmap');
|
|
|
|
function modelViewTable(selector, modelView, orderCol, order) {
|
|
// Builds a dataTable from a flask appbuilder api endpoint
|
|
var url = '/' + modelView.toLowerCase() + '/api/read';
|
|
url += '?_oc_' + modelView + '=' + orderCol;
|
|
url += '&_od_' + modelView +'=' + order;
|
|
$.getJSON(url, 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] };
|
|
});
|
|
var panel = $(selector).parents('.panel');
|
|
panel.find("img.loading").remove();
|
|
$(selector).DataTable({
|
|
aaData: tableData,
|
|
aoColumns: cols,
|
|
bPaginate: true,
|
|
pageLength: 10,
|
|
bLengthChange: false,
|
|
aaSorting: [],
|
|
searching: true,
|
|
bInfo: false
|
|
});
|
|
|
|
// Hack to move the searchbox in the right spot
|
|
var search = panel.find(".dataTables_filter input");
|
|
search.addClass('form-control').detach();
|
|
search.appendTo(panel.find(".search"));
|
|
panel.find('.dataTables_filter').remove();
|
|
|
|
// Hack to display the page navigator properly
|
|
panel.find('.col-sm-5').remove();
|
|
var nav = panel.find('.col-sm-7');
|
|
nav.removeClass('col-sm-7');
|
|
nav.addClass('col-sm-12');
|
|
|
|
$(selector).slideDown();
|
|
$('[data-toggle="tooltip"]').tooltip({ container: 'body' });
|
|
});
|
|
}
|
|
|
|
$(document).ready(function () {
|
|
d3.json('/caravel/activity_per_day', function (json) {
|
|
var ext = d3.extent(d3.values(json));
|
|
var cal = new CalHeatMap();
|
|
var range = 10;
|
|
var legendBounds = [];
|
|
var step = (ext[1] - ext[0]) / (range - 1);
|
|
for (var i = 0; i< range; i++) {
|
|
legendBounds.push(i * step + ext[0]);
|
|
}
|
|
cal.init({
|
|
start: new Date().setFullYear(new Date().getFullYear() - 1),
|
|
range: 13,
|
|
data: json,
|
|
legend: legendBounds,
|
|
legendColors: ['#D6E685', '#1E6823'], // Based on github's colors
|
|
domain: "month",
|
|
subDomain: "day",
|
|
itemName: "action",
|
|
tooltip: true
|
|
});
|
|
});
|
|
modelViewTable('#dash_table', 'DashboardModelViewAsync', 'changed_on', 'desc');
|
|
});
|