2015-12-14 19:38:54 -05:00
|
|
|
var timer;
|
2015-10-02 20:08:01 -04:00
|
|
|
var px = (function() {
|
|
|
|
|
|
|
|
var visualizations = [];
|
|
|
|
|
|
|
|
function registerWidget(name, initializer) {
|
|
|
|
visualizations[name] = initializer;
|
|
|
|
}
|
|
|
|
|
|
|
|
function makeNullWidget() {
|
|
|
|
return {
|
|
|
|
render: function() {},
|
|
|
|
resize: function() {},
|
|
|
|
};
|
|
|
|
}
|
|
|
|
|
|
|
|
function initializeWidget(data) {
|
2015-12-14 19:38:54 -05:00
|
|
|
var token = $('#' + data.token);
|
2015-10-02 20:08:01 -04:00
|
|
|
var name = data['viz_name'];
|
|
|
|
var initializer = visualizations[name];
|
2015-12-14 19:38:54 -05:00
|
|
|
var user_defined_widget = initializer ? initializer(data) : makeNullWidget();
|
|
|
|
var dttm = 0;
|
|
|
|
var timer;
|
|
|
|
var stopwatch = function () {
|
|
|
|
dttm += 10;
|
|
|
|
$('#timer').text(Math.round(dttm/10)/100 + " sec");
|
|
|
|
}
|
2015-12-18 18:08:09 -05:00
|
|
|
var controler = {
|
|
|
|
done: function (data) {
|
2015-12-14 19:38:54 -05:00
|
|
|
clearInterval(timer);
|
|
|
|
token.find("img.loading").hide();
|
|
|
|
if(data !== undefined)
|
|
|
|
$("#query_container").html(data.query);
|
|
|
|
$('#timer').removeClass('btn-warning');
|
|
|
|
$('span.query').removeClass('disabled');
|
|
|
|
$('#timer').addClass('btn-success');
|
2015-12-18 18:08:09 -05:00
|
|
|
},
|
2015-12-18 18:21:10 -05:00
|
|
|
error: function (msg) {
|
2015-12-18 18:08:09 -05:00
|
|
|
clearInterval(timer);
|
|
|
|
token.find("img.loading").hide();
|
2015-12-18 18:21:10 -05:00
|
|
|
var err = '<div class="alert alert-danger">' + msg + '</div>';
|
|
|
|
token.html(err);
|
2015-12-18 18:08:09 -05:00
|
|
|
$('#timer').removeClass('btn-warning');
|
|
|
|
$('span.query').removeClass('disabled');
|
2015-12-18 18:21:10 -05:00
|
|
|
$('#timer').addClass('btn-danger');
|
2015-12-18 18:08:09 -05:00
|
|
|
}
|
|
|
|
};
|
2015-12-14 19:38:54 -05:00
|
|
|
widget = {
|
|
|
|
render: function() {
|
|
|
|
timer = setInterval(stopwatch, 10);
|
2015-12-18 18:08:09 -05:00
|
|
|
user_defined_widget.render(controler);
|
2015-12-14 19:38:54 -05:00
|
|
|
},
|
|
|
|
resize: function() {
|
|
|
|
user_defined_widget.resize();
|
|
|
|
},
|
|
|
|
};
|
2015-10-02 20:08:01 -04:00
|
|
|
return widget;
|
|
|
|
}
|
|
|
|
|
2015-12-14 19:38:54 -05:00
|
|
|
function initializeDatasourceView() {
|
|
|
|
function getParam(name) {
|
|
|
|
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
|
|
|
|
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
|
|
|
|
results = regex.exec(location.search);
|
|
|
|
return results === null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
|
2015-10-01 20:51:52 -04:00
|
|
|
}
|
|
|
|
|
2015-12-14 11:21:49 -05:00
|
|
|
$(".select2").select2({dropdownAutoWidth : true});
|
2015-12-12 21:55:56 -05:00
|
|
|
$(".select2Sortable").select2();
|
2015-11-24 13:52:32 -05:00
|
|
|
$(".select2Sortable").select2Sortable();
|
2015-10-01 20:51:52 -04:00
|
|
|
$("form").show();
|
|
|
|
$('[data-toggle="tooltip"]').tooltip({container: 'body'});
|
|
|
|
|
|
|
|
function set_filters(){
|
|
|
|
for (var i = 1; i < 10; i++){
|
|
|
|
var eq = getParam("flt_eq_" + i);
|
|
|
|
if (eq != ''){
|
|
|
|
add_filter(i);
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|
|
|
|
set_filters();
|
|
|
|
|
|
|
|
function add_filter(i) {
|
|
|
|
cp = $("#flt0").clone();
|
|
|
|
$(cp).appendTo("#filters");
|
|
|
|
$(cp).show();
|
|
|
|
if (i != undefined){
|
|
|
|
$(cp).find("#flt_eq_0").val(getParam("flt_eq_" + i));
|
|
|
|
$(cp).find("#flt_op_0").val(getParam("flt_op_" + i));
|
|
|
|
$(cp).find("#flt_col_0").val(getParam("flt_col_" + i));
|
|
|
|
}
|
|
|
|
$(cp).find('select').select2();
|
|
|
|
$(cp).find('.remove').click(function() {
|
|
|
|
$(this).parent().parent().remove();
|
|
|
|
});
|
|
|
|
}
|
|
|
|
|
|
|
|
function druidify(){
|
|
|
|
var i = 1;
|
|
|
|
// Assigning the right id to form elements in filters
|
|
|
|
$("#filters > div").each(function() {
|
|
|
|
$(this).attr("id", function() {return "flt_" + i;})
|
|
|
|
$(this).find("#flt_col_0")
|
|
|
|
.attr("id", function() {return "flt_col_" + i;})
|
|
|
|
.attr("name", function() {return "flt_col_" + i;});
|
|
|
|
$(this).find("#flt_op_0")
|
|
|
|
.attr("id", function() {return "flt_op_" + i;})
|
|
|
|
.attr("name", function() {return "flt_op_" + i;});
|
|
|
|
$(this).find("#flt_eq_0")
|
|
|
|
.attr("id", function() {return "flt_eq_" + i;})
|
|
|
|
.attr("name", function() {return "flt_eq_" + i;});
|
|
|
|
i++;
|
|
|
|
});
|
|
|
|
$("#query").submit();
|
|
|
|
}
|
|
|
|
|
|
|
|
$("#plus").click(add_filter);
|
2015-12-04 12:30:43 -05:00
|
|
|
$("#btn_save").click(function () {
|
2015-10-01 20:51:52 -04:00
|
|
|
var slice_name = prompt("Name your slice!");
|
|
|
|
if (slice_name != "" && slice_name != null) {
|
|
|
|
$("#slice_name").val(slice_name);
|
|
|
|
$("#action").val("save");
|
|
|
|
druidify();
|
|
|
|
}
|
2015-12-04 12:30:43 -05:00
|
|
|
});
|
|
|
|
$("#btn_overwrite").click(function () {
|
|
|
|
var flag = confirm("Overwrite slice [" + $("#slice_name").val() + "] !?");
|
|
|
|
if (flag) {
|
|
|
|
$("#action").val("overwrite");
|
|
|
|
druidify();
|
|
|
|
}
|
|
|
|
});
|
2015-10-01 20:51:52 -04:00
|
|
|
add_filter();
|
2015-10-04 19:18:47 -04:00
|
|
|
$(".druidify").click(druidify);
|
2015-10-01 20:51:52 -04:00
|
|
|
|
|
|
|
function create_choices(term, data) {
|
|
|
|
var filtered = $(data).filter(function() {
|
|
|
|
return this.text.localeCompare(term) === 0;
|
|
|
|
});
|
|
|
|
if (filtered.length === 0) {
|
|
|
|
return {id: term, text: term};
|
|
|
|
}
|
|
|
|
}
|
|
|
|
function initSelectionToValue(element, callback) {
|
|
|
|
callback({id: element.val(), text: element.val()});
|
|
|
|
}
|
2015-11-03 12:52:19 -05:00
|
|
|
function list_data(arr) {
|
|
|
|
var obj = [];
|
|
|
|
for (var i=0; i<arr.length; i++){
|
|
|
|
obj.push({id: arr[i], text: arr[i]});
|
|
|
|
}
|
|
|
|
return obj;
|
|
|
|
}
|
2015-12-12 21:55:56 -05:00
|
|
|
$(".select2_freeform").each(function(){
|
|
|
|
parent = $(this).parent();
|
|
|
|
var name = $(this).attr('name');
|
|
|
|
var l = [];
|
|
|
|
var selected = '';
|
|
|
|
for(var i=0; i<this.options.length; i++) {
|
|
|
|
l.push({id: this.options[i].value, text: this.options[i].text});
|
|
|
|
if(this.options[i].selected){
|
|
|
|
selected = this.options[i].value;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
obj = parent.append(
|
|
|
|
'<input class="' + $(this).attr('class') + '" name="'+ name +'" type="text" value="' + selected + '">');
|
|
|
|
$("input[name='" + name +"']")
|
|
|
|
.select2({
|
|
|
|
createSearchChoice: create_choices,
|
|
|
|
initSelection: initSelectionToValue,
|
|
|
|
multiple: false,
|
|
|
|
data: l,
|
|
|
|
});
|
|
|
|
$(this).remove();
|
2015-10-01 20:51:52 -04:00
|
|
|
});
|
|
|
|
}
|
|
|
|
|
2015-10-05 12:26:17 -04:00
|
|
|
function initializeDashboardView(dashboard_id) {
|
2015-10-01 20:51:52 -04:00
|
|
|
var gridster = $(".gridster ul").gridster({
|
|
|
|
widget_margins: [5, 5],
|
|
|
|
widget_base_dimensions: [100, 100],
|
|
|
|
draggable: {
|
|
|
|
handle: '.drag',
|
|
|
|
},
|
|
|
|
resize: {
|
|
|
|
enabled: true,
|
2015-10-02 20:08:01 -04:00
|
|
|
stop: function(e, ui, element) {
|
|
|
|
var widget = $(element).data('widget');
|
|
|
|
widget.resize();
|
2015-10-01 20:51:52 -04:00
|
|
|
}
|
|
|
|
},
|
|
|
|
serialize_params: function(_w, wgd) {
|
|
|
|
return {
|
|
|
|
slice_id: $(_w).attr('slice_id'),
|
|
|
|
col: wgd.col,
|
|
|
|
row: wgd.row,
|
|
|
|
size_x: wgd.size_x,
|
|
|
|
size_y: wgd.size_y
|
|
|
|
};
|
|
|
|
},
|
|
|
|
}).data('gridster');
|
|
|
|
$("div.gridster").css('visibility', 'visible');
|
|
|
|
$("#savedash").click(function() {
|
2015-10-05 12:26:17 -04:00
|
|
|
var data = {
|
|
|
|
positions: gridster.serialize(),
|
|
|
|
css: $("#dash_css").val()
|
|
|
|
};
|
2015-10-01 20:51:52 -04:00
|
|
|
$.ajax({
|
|
|
|
type: "POST",
|
2015-10-05 12:26:17 -04:00
|
|
|
url: '/panoramix/save_dash/' + dashboard_id + '/',
|
|
|
|
data: {'data': JSON.stringify(data)},
|
|
|
|
success: function() {alert("Saved!")},
|
|
|
|
error: function() {alert("Error :(")},
|
2015-10-01 20:51:52 -04:00
|
|
|
});
|
|
|
|
});
|
|
|
|
$("a.closewidget").click(function() {
|
|
|
|
var li = $(this).parents("li");
|
|
|
|
gridster.remove_widget(li);
|
|
|
|
});
|
|
|
|
$("table.widget_header").mouseover(function() {
|
|
|
|
$(this).find("td.icons nobr").show();
|
|
|
|
});
|
|
|
|
$("table.widget_header").mouseout(function() {
|
|
|
|
$(this).find("td.icons nobr").hide();
|
|
|
|
});
|
2015-10-05 12:26:17 -04:00
|
|
|
$("#dash_css").on("keyup", function(){
|
|
|
|
css = $(this).val();
|
|
|
|
$("#user_style").html(css);
|
|
|
|
});
|
2015-12-16 14:54:34 -05:00
|
|
|
$('li.widget').each(function() { /* this sets the z-index for left side boxes higher. */
|
|
|
|
current_row = $(this).attr('data-col');
|
|
|
|
$( this ).css('z-index', 100 - current_row);
|
|
|
|
});
|
|
|
|
$("div.chart").each(function() { /* this makes the whole chart fit within the dashboard div */
|
|
|
|
$(this).css('height', '95%');
|
|
|
|
});
|
2015-10-01 20:51:52 -04:00
|
|
|
}
|
2015-10-02 20:08:01 -04:00
|
|
|
|
|
|
|
// Export public functions
|
|
|
|
return {
|
|
|
|
registerWidget: registerWidget,
|
|
|
|
initializeWidget: initializeWidget,
|
|
|
|
initializeDatasourceView: initializeDatasourceView,
|
|
|
|
initializeDashboardView: initializeDashboardView,
|
|
|
|
}
|
|
|
|
|
|
|
|
})();
|
|
|
|
|