/*
* Depends:
* ui.core.js
*/
(function($) {
window.KtTableHandler = function(element, options) {
this.element = element;
this.options = options;
this.category = undefined;
this.tab = undefined;
this.page = undefined;
this.table_id = undefined;
this.root_url = undefined;
this.data = undefined;
this.sort_dict = {}; // true means ascending; false means descending.
this.type_dict = {}; // int, float, or string
this.prefix_dict = {};
this.suffix_dict = {};
this.sparkline_dict = {};
this.DATA_LENGTH_LIMIT = 3000;
};
KtTableHandler.prototype = {
_trigger_load_table_data: function() {
var is_a_member_of_a_subtab_chart = this._is_a_member_of_a_subtab_chart();
if (is_a_member_of_a_subtab_chart) {
var table_id = '#t' + this.table_id.split("_")[0];
var table_widget_ids = $(table_id).ktSubTabTableRefactored("option", "table_widget_ids");
var target_table_ids = [];
for (var i = 0; i < table_widget_ids.length; i++) {
$(document).trigger('load_all_table_data', [table_widget_ids[i]['index']]);
}
} else {
$(document).trigger('load_all_table_data', [this.table_id]);
}
},
_delete_row_handler: function(dom) {
var arg = this._delete_row_handler_get_ajax_args(dom);
var _this_obj = this;
ktAjaxWrapper({
type: "GET",
url: "/dashboard/filter/ajax_create_filter/",
data: arg,
success: function(data) {
if (data.exists) {
var str = "A filter for this row already exists. Enable it?";
Boxy.confirm(str, function() {
ktAjaxWrapper({
type: "GET",
url: "/dashboard/filter/ajax_toggle_filter_without_id/",
data: arg,
success: function(msg) {
// If this chart is embedded in a subtype table, we will need to
// figure out the other tab charts and update those as well.
// Otherwise, update this chart only.
_this_obj._trigger_load_table_data();
}
});
});
} else {
// If this chart is embedded in a subtype table, we will need to
// figure out the other tab charts and update those as well.
// Otherwise, update this chart only.
_this_obj._trigger_load_table_data();
}
}
}); // $.ajax
},
_delete_row_handler_get_ajax_args: function(dom) {
var this_row = $(dom).parent().parent();
var channel_type = $(dom).attr('channel_type');
var arg = {
channel_type: channel_type
};
arg['st1'] = $("td[coln_id=subtype1]", this_row).text(); // category
arg['st2'] = $("td[coln_id=subtype2]", this_row).text(); // campaign
arg['st3'] = $("td[coln_id=subtype3]", this_row).text(); // content
return arg;
},
_bind_table_events: function() {
var $remove_btns = $("#" + this.table_id + "_table a.remove_btn");
var this_obj = this;
if ($remove_btns.length > 0) {
$remove_btns.click(function(event) {
this_obj._delete_row_handler(event.target);
});
}
},
_is_a_member_of_a_subtab_chart: function() {
var tmp_lst = this.table_id.split("_");
var size = tmp_lst.length;
if (tmp_lst[size - 1] == 'tab') {
return true;
}
return false;
},
_get_table_j: function() {
var my_id = $(this.element).attr('id');
return $("#" + my_id + "_table");
},
_get_table_header: function(show_frame) {
if (show_frame == true) {
var template_str = "\
\
\
\
\
\
| [=first_coln.coln_name] | \
[[for coln in coln_list]] \
[=coln.coln_name] | \
[[endfor]]\
\
\
\
\
\
\
| [=first_coln.coln_name] | \
[[for coln in coln_list]] \
[=coln.coln_name] | \
[[endfor]]\
\
\
There is no data to display | '), '');
},
_build_load_table_notification: function() {
var img = $("![](\"")
");
img.css("padding", "5px");
var cell = $("Loading Data | ").append(img);
this._build_table_notification(cell, 'loading-row');
},
_build_large_data_notification: function() {
this._build_table_notification($('We have detected a large volume of data and are unable to render it at this time. Please Contact Support for assistance with this issue. | '), '');
},
_build_table_notification: function(cell, row_class) {
cell.css("text-align", "center").css("padding", "8px");
var c_length = this.options['coln'].length;
if (c_length == 0) {
cell.attr("colspan", "1");
} else {
cell.attr("colspan", c_length);
}
var row = $('|
')
.addClass(row_class)
.append(cell);
$("#" + this.table_id + "_table").find("tbody").append(row);
},
/*
* This function is resposible for rendering the st1 level data.
*/
_ajax_load_all_table_data_handler: function(data) {
this._clear_content();
if (data.length == 0) {
this._build_empty_table_notification();
return;
}
if (data.length > this.DATA_LENGTH_LIMIT) {
this._build_large_data_notification();
return;
}
this.data = data;
var to_be_rendered_data = [];
for (var i in this.data) {
var d = this.data[i];
if (d['deleted'] == undefined || d['deleted'] == false) {
d['row_id'] = i;
to_be_rendered_data.push(d);
}
}
this._perform_initial_sorting(this);
$("#" + this.table_id + "_table").ktTemplate('render', {
//list: this._format_data(data)
list: this._format_data(to_be_rendered_data)
});
this._bind_table_events();
},
_export_handler: function() {
var data_export_url = np_get_table_export_url(this, this.category, this.tab, this.page, this.table_id);
document.location = data_export_url;
return false;
},
_load_all_table_data_handler: function() {
var _this_obj = this;
_this_obj._clear_content(); //clear out the old content.
this._build_load_table_notification();
ktAjaxWrapper({
type: 'GET',
traditional: true,
url: np_get_table_url(_this_obj, _this_obj.category, _this_obj.tab, _this_obj.page, _this_obj.table_id),
dataType: 'json',
success: function(data, textStatus) {
if (data.data != undefined) {
data = data.data;
} else {
if (data == undefined) {
data = [];
}
}
if (data['__primary_data__'] != undefined) {
_this_obj._ajax_load_all_table_data_handler(data['__primary_data__']);
if (data['__secondary_data__'] != undefined) {
$("#" + _this_obj.table_id + "_secondary_data").text(data['__secondary_data__']);
$("#" + _this_obj.table_id + "_secondary_data").css("display", "block");
} else {
$("#" + _this_obj.table_id + "_secondary_data").css("display", "none");
}
$(document).trigger("onload_all_table_data", [_this_obj.table_id]);
} else {
$("#" + _this_obj.table_id + "_secondary_data").css("display", "none");
_this_obj._ajax_load_all_table_data_handler(data);
np_run_post_table_load(_this_obj, _this_obj.table_id);
}
},
//sucess
error: function(xhr) {
var response;
try {
response = JSON.parse(xhr.responseText);
} catch(e) {
console && console.error("An error occurred while parsing error response.", e);
response = {};
}
$('#' + _this_obj.table_id + "_table .loading-row td").html(response.errorMessage ? response.errorMessage : "No data available");
}
});
},
_perform_initial_sorting: function(table) {
//Perform an initial sorting once the data has been loaded
var initial_sorting = table.initial_sorting;
if (initial_sorting && table.data) {
table.sort_dict[initial_sorting] = false;
table._sort(initial_sorting, table.data, false);
}
},
add_sparklines: function(selector) {
var max = 1;
var pos = 0;
var len = $(selector + " .sparkline_cell").length;
function iteration() {
var j = Math.min(len - pos, max);
for (var i = 0; i < j; i++) {
$($(selector + " .sparkline_cell")[pos]).show();
if ($($(selector + " .sparkline_cell")[pos]).children("canvas").length == 0) {
var js_str = "[" + $($(selector + " .sparkline_cell")[pos]).attr("data") + "]";
var data_lst = eval(js_str);
$($(selector + " .sparkline_cell")[pos]).sparkline(data_lst, {
lineColor: '#057D9F',
width: '50px',
lineWidth: '2',
spotColor: false,
spotRadius: '0',
fillColor: false
});
}
pos++;
}
if (pos < len) {
setTimeout(iteration, 60);
} else {
}
}
iteration();
},
init_impl: function() {
this.category = this.options['category'];
this.tab = this.options['tab'];
this.page = this.options['page'];
this.table_id = this.options['index'];
this.root_url = this.options['root_url'];
this.num_formatter = new NumFormatter();
if (this.options['no_table_frame']) if (this.options['no_table_frame'] == true) this._construct_coln_header(false);
else this._construct_coln_header(true);
else this._construct_coln_header(true);
this._setup_rows_template(this.options['rows']);
var category = this.category;
var tab = this.tab;
var page = this.page;
var table_id = this.table_id;
var root_url = this.root_url;
var _this_obj = this;
// make title headers clickable
this._setup_sorting();
//Things we want to handle have data has been rendered
$(this.element).bind('render_complete', function(event, params) {
//Load sparklines
var row_selector = "";
if ('subtype2' in params) {
row_selector = " tr.st3_row";
} else if ('subtype1' in params) {
row_selector = " tr.st2_row";
}
_this_obj.add_sparklines(_this_obj._gen_table_id() + row_selector);
_this_obj._mark_sorted_cells();
});
$(document).bind('load_all_table_data', function(event, msg) {
if (msg == undefined || msg == _this_obj.table_id) {
_this_obj._load_all_table_data_handler();
} // if(msg == ...
});
// bind data export link
var data_export_id = "data_export_" + this.table_id;
$("#" + data_export_id).click(
function() {
_this_obj._export_handler();
return false;
});
// jQuery(this.element).data('kt_table_handler', this);
}
};
function KtTable() {
this.handler = null;
}
KtTable.prototype = {
_init: function() {
this.handler = new KtTableHandler(this.element, this.options);
this.handler.init_impl();
},
get_handler: function() {
return this.handler;
}
};
///////////////////// KtNotPermittedTable ////////////////////////
function KtNotPermittedTableHandler(element, options) {
this.inheritedFrom = KtTableHandler;
this.inheritedFrom(element, options);
};
KtNotPermittedTableHandler.prototype = new KtTableHandler();
KtNotPermittedTableHandler.prototype._construct_coln_header = function(show_frame) {
var my_id = $(this.element).attr('id');
var template_str = null;
var coln_count = this.options['coln'].length;
var first_coln = undefined;
var remainder_coln_array = [];
var colns_from_option = this.options['coln'];
var idx = 0;
for (var i = 0; i < coln_count; i++) {
if (i == 0) first_coln = colns_from_option[i];
else {
remainder_coln_array[idx] = colns_from_option[i];
idx++;
}
}
var params = {
title: this.options['title'],
my_id: my_id,
first_coln: first_coln,
coln_list: remainder_coln_array,
table_id: this.table_id,
index: this.options['index']
};
if (this.options['subtab'] != undefined) {
params['subtab'] = this.options['subtab'];
}
template_str = this._get_table_header(show_frame);
$(this.element).ktTemplate({
template: template_str
});
$(this.element).ktTemplate('render', params);
};
KtNotPermittedTableHandler.prototype._export_handler = function() {
return false;
};
KtNotPermittedTableHandler.prototype._load_all_table_data_handler = function() {
$("#" + this.table_id + "_table").append(this.row_str);
};
KtNotPermittedTableHandler.prototype.init_impl = function() {
this.category = this.options['category'];
this.tab = this.options['tab'];
this.page = this.options['page'];
this.table_id = this.options['index'];
this.row_str = this.options['rows'];
if (this.options['no_table_frame']) if (this.options['no_table_frame'] == true) this._construct_coln_header(false);
else this._construct_coln_header(true);
else this._construct_coln_header(true);
var category = this.category;
var tab = this.tab;
var page = this.page;
var table_id = this.table_id;
var root_url = this.root_url;
var _this_obj = this;
$(document).bind('load_all_table_data', function(event, msg) {
if (msg == undefined || msg == _this_obj.table_id) {
_this_obj._load_all_table_data_handler();
}
});
$(this.element).attr("not_permitted", true);
};
function KtNotPermittedTable() {
this.inheritedFrom = KtTable;
}
KtNotPermittedTable.prototype = new KtTable();
KtNotPermittedTable.prototype._init = function() {
this.handler = new KtNotPermittedTableHandler(this.element, this.options);
this.handler.init_impl();
};
//////////////////////// KtSt1St2Table ///////////////////////////
function KtSt1St2TableHandler(element, options) {
this.inheritedFrom = KtTableHandler;
this.inheritedFrom(element, options);
this.row_click_state = {}; //true: expanded false: folded
this.rows_expanded = {
'st2': 0,
'st3': 0
}; //Keep track of how many rows expanded at each level
this.initial_sorting = 'subtype1';
this.st2_data = {};
this.st3_data = {};
this.total_st2_st3_ajax_reload_calls = 0;
this.st2_st3_ajax_reload_calls_returned_so_far = 0;
};
KtSt1St2TableHandler.prototype = new KtTableHandler();
KtSt1St2TableHandler.prototype.init_impl = function() {
// call parent's method
KtTableHandler.prototype.init_impl.call(this);
var _this_obj = this;
$(document).bind('toggle_st2st3', function(event, table_id, st1, st2, st3) {
_this_obj._toggle_or_removefilter_st2st3_handler(event, table_id, st1, st2, st3, false);
});
$(document).bind('delete_st2st3', function(event, table_id, st1, st2, st3) {
_this_obj._toggle_or_removefilter_st2st3_handler(event, table_id, st1, st2, st3, true);
});
$(document).bind("repopulate_st2_st3_entries", function(event, table_id, render_data) {
if (table_id == _this_obj.table_id) {
KtTableHandler.prototype._ajax_load_all_table_data_handler.call(_this_obj, render_data);
_this_obj._repopulate_after_bind_table_events(render_data);
}
});
};
// if force_delete is false, toggles.
// if force_delete is true, remove it for good.
KtSt1St2TableHandler.prototype._toggle_or_removefilter_st2st3_handler = function(event, table_id, st1, st2, st3, force_delete) {
if (this.table_id == table_id) {
if (st2 != "*" && st3 == "*" && this.st2_data[st1] != undefined) {
var st2_data_lst = this.st2_data[st1];
var len = st2_data_lst.length;
for (var i = 0; i < len; i++) {
if (st2_data_lst[i]['subtype2'] == st2) {
if (force_delete) st2_data_lst[i]['deleted'] = false;
else st2_data_lst[i]['deleted'] = !st2_data_lst[i]['deleted'];
this._populate_cached_st2_row(st1);
break;
}
} // for
} else if (st2 != "*" && st3 != "*" && this.st3_data[st1] != undefined && this.st3_data[st1][st2] != undefined) {
// if st3 data under st2 have been duplicated.
var st3_data_lst = this.st3_data[st1][st2];
var len = st3_data_lst.length;
for (var i = 0; i < len; i++) {
if (st3_data_lst[i]['subtype3'] == st3) {
if (force_delete) st3_data_lst[i]['deleted'] = false;
else st3_data_lst[i]['deleted'] = !st3_data_lst[i]['deleted'];
this._populate_cached_st3_row(st1, st2);
}
break;
} // for
}
}
};
KtSt1St2TableHandler.prototype._sort = function(coln_id, data, repopulate) {
// sort st1 level data
KtTableHandler.prototype._sort.call(this, coln_id, data, repopulate);
// sort st2 level data
var st1_key = null;
for (st1_key in this.st2_data) {
this._sort_impl(coln_id, this.st2_data[st1_key], "subtype2");
}
// sort st3 level data
for (st1_key in this.st3_data) {
for (var st2_key in this.st3_data[st1_key]) {
this._sort_impl(coln_id, this.st3_data[st1_key][st2_key], "subtype3");
}
}
//this._bind_table_events();
this._repopulate_after_bind_table_events(data);
};
KtSt1St2TableHandler.prototype._repopulate_after_bind_table_events = function(data) {
this._populate_all_cached_st2_rows();
this._populate_all_cached_st3_rows();
this._show_or_hide_all();
this._get_rid_of_st1_arrows(data);
for (st1_key in this.st2_data) {
this._get_rid_of_st2_arrows(this.st2_data[st1_key], st1_key);
}
};
KtSt1St2TableHandler.prototype._get_rid_of_arrows_helper = function(img_lst, data) {
var len = data.length;
// purge deleted data
var d = [];
for (var i = 0; i < len; i++) {
if (data[i]['deleted'] == undefined || data[i]['deleted'] == false) {
d.push(data[i]);
}
} // for
len = d.length;
for (i = 0; i < len; i++) {
if (d[i]['expandable'] == false) {
$(img_lst[i]).css('visibility', 'hidden');
$(img_lst[i]).parent().parent().css('cursor', 'default');
}
}
};
KtSt1St2TableHandler.prototype._get_rid_of_st1_arrows = function(data) {
var img_lst = $(this._gen_table_id() + " tr.st1_row img.plus");
this._get_rid_of_arrows_helper(img_lst, data);
};
KtSt1St2TableHandler.prototype._get_rid_of_st2_arrows = function(data, st1_key) {
var img_lst = $(this._gen_table_id() + " tr.st2_row[subtype1=" + st1_key + "] img.plus");
this._get_rid_of_arrows_helper(img_lst, data);
};
KtSt1St2TableHandler.prototype._ajax_load_all_table_data_handler = function(data) {
var this_obj = this;
var num_of_ajax_calls = 0;
$.each(this.st2_data, function(k, v) {
num_of_ajax_calls++;
});
$.each(this.st3_data, function(subtype1, item) {
$.each(item, function(subtype2, v3) {
num_of_ajax_calls++;
});
});
this_obj.total_st2_st3_ajax_reload_calls = num_of_ajax_calls;
this_obj.st2_st3_ajax_reload_calls_returned_so_far = 0;
if (num_of_ajax_calls == 0) {
KtTableHandler.prototype._ajax_load_all_table_data_handler.call(this, data);
} else {
$.each(this.st2_data, function(k, v) {
this_obj._ajax_fetch_st2_data(k, null, false, data);
});
$.each(this.st3_data, function(subtype1, item) {
$.each(item, function(subtype2, v3) {
this_obj._ajax_fetch_st3_data(subtype1, subtype2, null, false, data);
});
});
}
};
KtSt1St2TableHandler.prototype._save_st3_data = function(subtype1, subtype2, data) {
if (this.st3_data[subtype1] == undefined) {
this.st3_data[subtype1] = {};
}
this.st3_data[subtype1][subtype2] = data;
};
KtSt1St2TableHandler.prototype._get_undeleted_st2_data = function(st1) {
var r = [];
var st2_data = this.st2_data[st1];
var len = st2_data.length;
for (var i = 0; i < st2_data.length; i++) {
if (st2_data[i]['deleted'] == undefined || st2_data[i]['deleted'] == false) {
r.push(st2_data[i]);
}
}
return r;
};
KtSt1St2TableHandler.prototype._get_undeleted_st3_data = function(st1, st2) {
var r = [];
var st3_data = this.st3_data[st1][st2];
var len = st3_data.length;
for (var i = 0; i < st3_data.length; i++) {
if (st3_data[i]['deleted'] == undefined || st3_data[i]['deleted'] == false) {
r.push(st3_data[i]);
}
}
return r;
};
KtSt1St2TableHandler.prototype._populate_cached_st2_row = function(subtype1) {
var st2_data = this._get_undeleted_st2_data(subtype1);
var $row = $('tr[table_id=' + this.table_id + '][subtype1=' + subtype1 + ']');
if ($row.length == 1) {
$row.after(""); // add a temporary div
$($row.next()).ktTemplate({
template: '[[ for item in list ]]' + this.options['st2_rows'] + '[[ endfor ]]'
});
var formatted_st2_data = this._format_data(st2_data);
$($row.next()).ktTemplate('render', {
'list': formatted_st2_data,
'subtype1': subtype1
});
var subtype2_rows = $row.next().children();
$row.next().remove();
$row.after(subtype2_rows);
//iterate thru all the st2 rows and bind a click event handler
var $curr_dom = $row.next();
while ($curr_dom.length != 0 && $($curr_dom).attr('class') != 'st1_row') {
var this_obj = this;
$curr_dom.click(function(event) {
var $og_target = $(event.target);
if ($og_target.hasClass('remove_btn')) {
this_obj._delete_row_handler(event.target);
} else {
var $row = $(this);
if ($row.attr('expandable') == 'true') {
var subtype2 = $($row.children()[1]).text();
var need_to_fetch_data = false;
if (this_obj.row_click_state[subtype1][1][subtype2] == undefined) {
this_obj.row_click_state[subtype1][1][subtype2] = true;
need_to_fetch_data = true;
} else {
//toggle;
this_obj.row_click_state[subtype1][1][subtype2] = !this_obj.row_click_state[subtype1][1][subtype2];
}
if (need_to_fetch_data) {
$row.find('img.plus').hide();
$row.find('img.loading').show();
this_obj._ajax_fetch_st3_data(subtype1, subtype2, $row, true);
} else {
this_obj._show_or_hide_st3_row(subtype1, subtype2);
}
}
}
});
$curr_dom = $curr_dom.next();
}
}
};
KtSt1St2TableHandler.prototype._populate_cached_st3_row = function(subtype1, subtype2) {
if (this.row_click_state[subtype1] == undefined || this.row_click_state[subtype1][1][subtype2] == undefined || this.row_click_state[subtype1][1][subtype2] == false) {
return;
}
var st3_data = this._get_undeleted_st3_data(subtype1, subtype2);
var $row = $('tr[table_id=' + this.table_id + '][subtype1=' + subtype1 + '][subtype2=' + subtype2 + '][class="st2_row"]');
if ($row.length == 1) {
$row.after(""); // add a temporary div
$($row.next()).ktTemplate({
template: '[[ for item in list ]]' + this.options['st3_rows'] + '[[ endfor ]]'
});
$($row.next()).ktTemplate('render', {
'list': this._format_data(st3_data),
'subtype1': subtype1,
'subtype2': subtype2
});
var subtype3_rows = $row.next().children();
$row.next().remove();
$row.after(subtype3_rows);
var $curr_dom = $row.next();
var this_obj = this;
while ($curr_dom.length != 0 && $($curr_dom).attr('class') != 'st1_row' && $($curr_dom).attr('class') != 'st2_row') {
$curr_dom.click(function(event) {
var $og_target = $(event.target);
if ($og_target.hasClass('remove_btn')) {
this_obj._delete_row_handler(event.target);
}
});
$curr_dom = $curr_dom.next();
}
}
};
KtSt1St2TableHandler.prototype._show_or_hide_st2_row = function(subtype1) {
// show or hide the rows accordingly
var $row = $('tr[table_id=' + this.table_id + '][subtype1=' + subtype1 + '][class="st1_row"]');
if ($row.length == 0) return;
var this_obj = this;
var $curr_dom_lst = $('tr[table_id=' + this.table_id + '][subtype1=' + subtype1 + '][class="st2_row"]');
if (this.row_click_state[subtype1] != undefined && this.row_click_state[subtype1][0] == true)
//Show
{
$row.contents().find("img.plus").hide();
$row.contents().find("img.minus").show();
$.each($curr_dom_lst, function(i, dom) {
$(dom).show();
var subtype2 = '';
if ($(dom).attr('subtype2') != undefined) subtype2 = $(dom).attr('subtype2');
this_obj._show_or_hide_st3_row(subtype1, subtype2);
});
this.rows_expanded['st2']++;
} else
//Hide
{
$row.contents().find("img.plus").show();
$row.contents().find("img.minus").hide();
$.each($curr_dom_lst, function(i, dom) {
$(dom).hide();
var subtype2 = '';
if ($(dom).attr('subtype2') != undefined) subtype2 = $(dom).attr('subtype2');
this_obj._show_or_hide_st3_row(subtype1, subtype2, true /*force_hide*/ );
});
this.rows_expanded['st2']--;
}
this._show_or_hide_header('st2');
$.sparkline_display_visible();
};
KtSt1St2TableHandler.prototype._show_or_hide_header = function(subtype) {
var ele = $(this._gen_table_id() + " ." + subtype + "_header");
if (this.rows_expanded[subtype] > 0) {
ele.show();
} else {
ele.hide();
}
};
KtSt1St2TableHandler.prototype._show_or_hide_st3_row = function(subtype1, subtype2, force_hide) {
var $row = $('tr[table_id=' + this.table_id + '][subtype1=' + subtype1 + '][subtype2=' + subtype2 + '][class="st2_row"]');
if ($row.length == 0) return;
var $curr_dom = $row.next();
if (this.row_click_state[subtype1] != undefined && this.row_click_state[subtype1][1][subtype2] != undefined && this.row_click_state[subtype1][1][subtype2] == true && force_hide == undefined)
//Show
{
$row.contents().find("img.plus").hide();
$row.contents().find("img.minus").show();
while ($curr_dom.attr('class') == 'st3_row') {
//Only count showing if currently hidden or unloaded
if (!$curr_dom.is(':visible') || $row.contents().find("img.loading").is(":visible")) {
this.rows_expanded['st3']++;
}
$curr_dom.show();
$curr_dom = $curr_dom.next();
}
} else
//Hide
{
$row.contents().find("img.plus").show();
$row.contents().find("img.minus").hide();
while ($curr_dom.attr('class') == 'st3_row') {
//Only count hidding if currently showing
if ($curr_dom.is(':visible')) {
this.rows_expanded['st3']--;
}
$curr_dom.hide();
$curr_dom = $curr_dom.next();
}
}
this._show_or_hide_header('st3');
$.sparkline_display_visible();
};
KtSt1St2TableHandler.prototype._show_or_hide_all = function() {
for (var st1_key in this.st2_data) {
this._show_or_hide_st2_row(st1_key);
}
};
KtSt1St2TableHandler.prototype._populate_all_cached_st2_rows = function() {
for (var st1_key in this.st2_data) {
this._populate_cached_st2_row(st1_key);
}
};
KtSt1St2TableHandler.prototype._populate_all_cached_st3_rows = function() {
for (var st1_key in this.st3_data) {
var st3_data = this.st3_data[st1_key];
for (var st2_key in st3_data) {
this._populate_cached_st3_row(st1_key, st2_key);
}
}
};
KtSt1St2TableHandler.prototype._delete_st2_from_cache = function(st1, st2) {
if (this.st2_data[st1] != undefined) {
var st2_data_lst = this.st2_data[st1];
var len = st2_data_lst.length;
if (st2 != undefined && st2 != null) {
for (var i = 0; i < len; i++) {
if (st2_data_lst[i]['subtype2'] == st2) {
st2_data_lst[i]['deleted'] = true;
break;
}
} // for
} else {
for (var i = 0; i < len; i++) {
st2_data_lst[i]['deleted'] = true;
}
}
}
this._delete_st3_from_cache(st1, st2);
};
KtSt1St2TableHandler.prototype._delete_st3_from_cache = function(st1, st2, st3) {
if (this.st3_data[st1] != undefined && this.st3_data[st1][st2] != undefined) {
var st3_data_lst = this.st3_data[st1][st2];
var len = st3_data_lst.length;
if (st3 != undefined && st3 != null) {
for (var i = 0; i < len; i++) {
if (st3_data_lst[i]['subtype3'] == st3) {
st3_data_lst[i]['deleted'] = true;
} // if(st3_data_lst[i]['subtype3'] == st3) ...
break;
} // for(var i ...
} else {
//st3 is not specified, so delete all st3 associated with st1 and st2
for (var i = 0; i < len; i++) {
st3_data_lst[i]['deleted'] = true;
} // for
} // else
}
};
KtSt1St2TableHandler.prototype._delete_row_handler_get_ajax_args = function(dom) {
var this_row = $(dom).parent().parent();
var channel_type = $(dom).attr('channel_type');
var row_type = $(this_row).attr('class');
var arg = {
channel_type: channel_type
};
// clean up the row_click_state while at it
// also, clean up the st2 and st3 cache while at it.
if (row_type == 'st1_row') {
var st1 = $(this_row).attr('subtype1');
arg['st1'] = st1;
if (this.row_click_state[st1] != undefined) {
delete this.row_click_state[st1];
}
this._delete_st2_from_cache(st1);
} else if (row_type == 'st2_row') {
var st1 = $(this_row).attr('subtype1');
var st2 = $(this_row).attr('subtype2');
arg['st1'] = st1;
arg['st2'] = st2;
if (this.row_click_state[st1][1][st2] != undefined) {
delete this.row_click_state[st1][1][st2];
}
this._delete_st2_from_cache(st1, st2);
} else if (row_type == 'st3_row') {
var st1 = $(this_row).attr('subtype1');
var st2 = $(this_row).attr('subtype2');
var st3 = $(this_row).attr('subtype3');
arg['st1'] = st1;
arg['st2'] = st2;
arg['st3'] = st3;
this._delete_st3_from_cache(st1, st2, st3);
}
return arg;
};
KtSt1St2TableHandler.prototype._ajax_fetch_st2_data = function(subtype1, $row, wait_for_everyone_else, render_data) {
var this_obj = this;
var st_prefix = this.options['st123_prefix']; // st_pref = fcsst in this case
var url = np_get_table_url(this_obj, this_obj.options['category'], this_obj.options['tab'], this_obj.options['page'], this_obj.table_id) + '&' + st_prefix + '1=' + encodeURIComponent(subtype1) + '&groupby=' + encodeURIComponent(subtype1);
ktAjaxWrapper({
type: 'GET',
url: url,
async: true,
traditional: true,
dataType: 'json',
success: function(data, textStatus) {
if (data['__primary_data__'] != undefined) {
data.data = data['__primary_data__'];
}
// cache the subtype2 data
this_obj.st2_data[subtype1] = data.data;
if ($row != null) {
this_obj._populate_cached_st2_row(subtype1);
this_obj._show_or_hide_st2_row(subtype1);
$row.find('img.loading').hide();
this_obj._get_rid_of_st2_arrows(data.data, subtype1);
$(document).trigger("load_st2_table_data", [this_obj.table_id, render_data]);
}
if (wait_for_everyone_else == false) {
this_obj.st2_st3_ajax_reload_calls_returned_so_far = this_obj.st2_st3_ajax_reload_calls_returned_so_far + 1;
if (this_obj.st2_st3_ajax_reload_calls_returned_so_far == this_obj.total_st2_st3_ajax_reload_calls) {
this_obj.total_st2_st3_ajax_reload_calls = 0;
this_obj.st2_st3_ajax_reload_calls_returned_so_far = 0;
$(document).trigger("repopulate_st2_st3_entries", [this_obj.table_id, render_data]);
}
}
} // success
});
};
KtSt1St2TableHandler.prototype._ajax_fetch_st3_data = function(subtype1, subtype2, $row, wait_for_everyone_else, render_data) {
var this_obj = this;
var st_prefix = this.options['st123_prefix']; // st_pref = fcsst in this case
var url = np_get_table_url(this_obj, this_obj.options['category'], this_obj.options['tab'], this_obj.options['page'], this_obj.table_id) + '&' + st_prefix + '1=' + encodeURIComponent(subtype1) + '&' + st_prefix + '2=' + encodeURIComponent(subtype2) + '&groupby=' + encodeURIComponent(subtype1);
ktAjaxWrapper({
type: 'GET',
traditional: true,
url: url,
async: true,
dataType: 'json',
success: function(data, textStatus) {
if (data['__primary_data__'] != undefined) {
data.data = data['__primary_data__'];
}
this_obj._save_st3_data(subtype1, subtype2, data.data);
if ($row != null) {
this_obj._populate_cached_st3_row(subtype1, subtype2);
this_obj._show_or_hide_st3_row(subtype1, subtype2);
$row.find('img.loading').hide();
$(document).trigger("load_st3_table_data", [this_obj.table_id, render_data]);
}
if (wait_for_everyone_else == false) {
this_obj.st2_st3_ajax_reload_calls_returned_so_far = this_obj.st2_st3_ajax_reload_calls_returned_so_far + 1;
if (this_obj.st2_st3_ajax_reload_calls_returned_so_far == this_obj.total_st2_st3_ajax_reload_calls) {
this_obj.total_st2_st3_ajax_reload_calls = 0;
this_obj.st2_st3_ajax_reload_calls_returned_so_far = 0;
$(document).trigger("repopulate_st2_st3_entries", [this_obj.table_id, render_data]);
}
}
} //success
}); //ktAjaxWrapper
};
KtSt1St2TableHandler.prototype._bind_table_events = function() {
var this_obj = this;
this_obj._get_rid_of_st1_arrows(this_obj.data);
$("#" + this_obj.table_id + "_table tr.st1_row").click(
function(event) {
var $og_target = $(event.target);
if ($og_target.hasClass('remove_btn')) {
// remove event
this_obj._delete_row_handler(event.target);
} else {
// normal toggle event
var $row = $(this);
if ($row.attr('expandable') == 'true') {
var subtype1 = ($($($(this).children()[1]).children()[0]).text());
// update the click state first
var need_to_fetch_data = false;
if (this_obj.row_click_state[subtype1] == undefined) {
this_obj.row_click_state[subtype1] = [true,
{}];
need_to_fetch_data = true;
} else {
this_obj.row_click_state[subtype1][0] = !this_obj.row_click_state[subtype1][0];
}
if (need_to_fetch_data) {
$row.find('img.plus').hide();
$row.find('img.loading').show();
this_obj._ajax_fetch_st2_data(subtype1, $row, true);
} else {
this_obj._show_or_hide_st2_row(subtype1);
}
}
}
return false;
});
};
function KtSt1St2Table() {
this.inheritedFrom = KtTable;
};
KtSt1St2Table.prototype = new KtTable();
KtSt1St2Table.prototype._init = function() {
this.handler = new KtSt1St2TableHandler(this.element, this.options);
this.handler.init_impl();
};
//////////////////////// KtPaginatedTable ///////////////////////////
function KtPaginatedTableHandler(element, options) {
this.inheritedFrom = KtTableHandler;
this.inheritedFrom(element, options);
this.pagination = null;
}
KtPaginatedTableHandler.prototype = new KtTableHandler();
KtPaginatedTableHandler.prototype.init_impl = function() {
// call parent's method
KtTableHandler.prototype.init_impl.call(this);
};
KtPaginatedTableHandler.prototype._ajax_load_all_table_data_handler = function(data) {
$("#" + this.table_id + "_table").find(".loading-row").remove();
$("#t" + this.table_id + " a[id='prev']").unbind('click');
$("#t" + this.table_id + " a[id='next']").unbind('click');
this.data = data;
// TODO: make the number of paginated rows customizable.
this.pagination = new Pagination(this.data, this.table_id, this.options['num_rows']);
$("#" + this.table_id + "_table").ktTemplate('render', {
list: this._format_data(this.pagination.getData(0))
});
this._bind_table_events();
};
function KtPaginatedHeader(show_frame) {
if (show_frame == true) {
var template_str = " \
\
\
\
\
| [=first_coln.coln_name] | \
[[for coln in coln_list]] \
[=coln.coln_name] | \
[[endfor]]\
\
\
\
\
\
\
\
\
| [=first_coln.coln_name] | \
[[for coln in coln_list]] \
[=coln.coln_name] | \
[[endfor]]\
\
\
\
\
\
\
\
\
[[for tab in subtab]]\
- [=tab]
\
[[endfor]]\
\
\
\
| [=first_coln.coln_name] | \
[[for coln in coln_list]] \
[=coln.coln_name] | \
[[endfor]]\
\
\
\
![](\"/static/images/arrowleft3-disabled.png\")
\
![](\"/static/images/arrowright3.png\")
\
![](\"/static/images/arrowleft3.png\")
![](\"/static/images/arrowright3-disabled.png\")