/**
	(C) 2022 - ntop.org
*/
import { ntopng_utility, ntopng_url_manager } from "../services/context/ntopng_globals_services.js";
import NtopUtils from "./ntop-utils.js";
import { DataTableRenders } from "../utilities/datatable/sprymedia-datatable-utils.js";
import { default as Dropdown } from "../vue//dropdown.vue";
import FormatterUtils from "./formatter-utils.js";

const _i18n = (t) => i18n(t);

async function build_table(http_prefix, table_id, f_map_columns, f_get_extra_params_obj, f_on_get_rows) {
	let epoch_end = Number.parseInt(Date.now() / 1000);
	let table_def_url = `${http_prefix}/tables_config/${table_id}.json?epoch_end=${epoch_end}`;
	let table_def = await ntopng_utility.http_request(table_def_url, null, null, true);
	if (table_def == null) {
		return {
			id: table_id,
			columns: [],
		}
	}
	if (table_def.columns) {
		table_def.columns.forEach((item, x) => {
			if (item.button_def_array) {
				item.button_def_array.forEach((button, y) => {
					if (!button.class) {
						button.class = []
					}
				})
			}
			if (!item.class) {
				item.class = []
			}
		}) 
	}
	if (f_map_columns != null) {
		table_def.columns = await f_map_columns(table_def.columns);
	}
	const table_config = {
		id: table_id,
		columns: table_def.columns,
		get_rows: get_rows_func(table_def, f_get_extra_params_obj, f_on_get_rows),
		get_column_id: get_column_id_func(table_def),
		print_column_name: get_f_print_column_name(table_def),
		print_html_row: get_f_print_html_row(table_def),
		print_vue_node_row: get_f_print_vue_node_row(table_def),
		f_is_column_sortable: get_f_is_column_sortable(table_def),
		f_get_column_classes: get_f_get_column_classes(table_def),
		f_column_min_width: get_f_column_min_width(table_def),
		f_get_column_style: get_f_get_column_style(table_def),
		display_empty_rows: table_def.display_empty_rows,
		enable_search: table_def.enable_search,
		default_sort: table_def.default_sort,
		show_autorefresh: table_def.show_autorefresh,
		paging: table_def.paging,
	};
	return table_config;
}

function get_f_is_column_sortable(table_def) {
	return (col) => {
		return col.sortable;
	};
}

function get_f_column_min_width(table_def) {
	return (col) => {
		return col["min-width"];
	};
}

function get_f_get_column_classes(table_def) {
	return (col) => {
		let classes = col?.class;
		if (classes != null) { return classes; }
		return [];
	};
}

function get_f_get_column_style(table_def) {
	return (col) => {
		let style = col?.style;
		if (style != null) { return style; }
		return "";
	};
}

function get_f_print_vue_node_row(table_def) {
	const available_types = {
		"button_list": get_f_print_v_node_buttons(true),
		"button_array": get_f_print_v_node_buttons(false),
	};
	return (col, row, vue_obj, return_true_if_def) => {
		if (col.render_v_node_type == null && col.render_v_func == null) { return null; }
		if (return_true_if_def == true) { return true; }
		if (col.render_v_func != null) {
			return col.render_v_func(col, row, vue_obj, return_true_if_def);
		}
		let print_v_node_buttons = available_types[col.render_v_node_type];
		return print_v_node_buttons(col, row, vue_obj);
	};
}

function get_f_print_html_row(table_def) {
	return (col, row, return_true_if_def) => {
		if (col.render_v_func != null) { return null; }
		if (return_true_if_def == true) { return true; }

		let data;
		if (col.data_field != null) {
			data = row[col.data_field];
		}
		if (col.zero_is_null != null && data != null && data == 0) {
			data = "";
		}
		if (col.render_generic != null) {
			let render = DataTableRenders.getFormatGenericField(col.render_generic, col.zero_is_null);
			return render(data, 'display', row);
		}
		if (col.render_func != null) {
			return col.render_func(data, row);
		}
		if (col.render_type != null) {
			if (FormatterUtils.types[col.render_type] != null) {
				col.render_func = FormatterUtils.getFormatter(col.render_type);
				return col.render_func(data);
			} else if (DataTableRenders[col.render_type] != null) {
				return DataTableRenders[col.render_type](data, 'display', row, col.zero_is_null);
			} else {
				throw `In column ${col.data_field} render_type: ${col.render_type} not found`;
			}
		}
		return data;
	};
}

/* This function apparently create the action buttons */
function get_f_print_v_node_buttons(list_or_array) {
	return (col, row, vue_obj) => {
		const on_click = (id) => {
			return (e) => {
				e.stopPropagation();
				let event = { event_id: id, row, col };
				vue_obj.emit('custom_event', event);
			}
		};
		let v_nodes = col.button_def_array.map((b_def) => {
			let attributes = {};
			if (b_def.attributes != null) {
				attributes = b_def.attributes;
			}
			let class_array = ntopng_utility.clone(b_def.class || []);
			if (b_def.f_map_class != null) {
				class_array = b_def.f_map_class(class_array, row);
			}
			let _class = "";
			if (class_array != null && class_array.length > 0) {
				_class = class_array.join(" ");
			}
			if (list_or_array == false) {
				return vue_obj.h("button", { class: `btn btn-sm btn-secondary ${_class}`, style: "margin-right:0.2rem;", onClick: on_click(b_def.event_id), ...attributes }, [vue_obj.h("span", { class: b_def.icon, style: "", title: _i18n(b_def.title_i18n) }),]);
			}
			return vue_obj.h("a", { class: `${_class} btn dropdown-item p-0`, onClick: on_click(b_def.event_id), style: "display:block;", ...attributes }, [vue_obj.h("span", { class: b_def.icon, style: "margin-right:0.2rem;cursor:pointer;" }), _i18n(b_def.title_i18n)]);
		});
		if (list_or_array == true) {
			let v_title = vue_obj.h("span", { class: "fas fa-sm fa-align-justify" });
			let dropdown = vue_obj.h(Dropdown, { auto_load: true, button_style: "", button_class: "btn-secondary btn-sm" }, {
				title: () => v_title,
				menu: () => v_nodes,
			});
			return dropdown;
		}
		return vue_obj.h("div", { class: "button-group" }, v_nodes);
	};
}

function get_rows_func(table_def, f_get_extra_params_obj, f_on_get_rows) {
	let f_get_column_id = get_column_id_func(table_def);
	return async (active_page, per_page, columns_wrap, map_search, first_get_rows) => {
		let sort_column = columns_wrap.find((c) => c.sort != 0);
		let visible_columns = columns_wrap.filter((c) => c.visible == true)
			.map((c) => f_get_column_id(c)).join(",");
		let params = {
			start: (active_page * per_page),
			length: per_page,
			map_search,
			visible_columns,
		};
		if (sort_column != null) {
			params.sort = f_get_column_id(sort_column.data);
			params.order = sort_column.sort == 1 ? "asc" : "desc";
		}
		if (f_get_extra_params_obj != null) {
			let extra_params = f_get_extra_params_obj();
			params = { ...params, ...extra_params, };
		}
		const url_params = ntopng_url_manager.obj_to_url_params(params);
		const url = `${http_prefix}/${table_def.data_url}?${url_params}`;
		let res = await ntopng_utility.http_request(url, null, null, true);
		if (f_on_get_rows != null) {
			f_on_get_rows(params);
		}
		let rows = res.rsp;
		if (table_def.rsp_records_field != null) {
			rows = res.rsp[table_def.rsp_records_field];
		}
		let query_info = res.query_info;
		if (table_def.rsp_query_info_field != null) {
			query_info = res.rsp[table_def.rsp_query_info_field];
		}
		// fix server rest bug
		if (res.recordsFiltered > res.recordsTotal) {
			res.recordsTotal = res.recordsFiltered;
		}
		return { total_rows: res.recordsTotal, rows, query_info };
		// return { total_rows: 1, rows: [rows[0]], query_info };
	}
}

function get_f_print_column_name(table_def) {
	return (col) => {
		if (col.title_i18n != null) {
			return _i18n(col.title_i18n);
		}
		if (col.title != null) {
			return col.title;
		}
		return "";
	};
}

function get_column_id_func(table_def) {
	return (col) => {
		if (col.id != null) { return col.id; }
		if (col.data_field != null) { return col.data_field; }
		return table_def.columns.findIndex((c) => c == col);
	};
}

/**
   Get columns in new table format from old datatable format.
*/
function get_columns_from_datatable_columns(datatable_columns_title, datatable_columns_js) {
	let table_columns_config = datatable_columns_js.map((c, index) => {
		let config = {
			data_field: c.data,
			title: datatable_columns_title[index],
			sortable: c.orderable == null || c.orderable == true,
		};
		if (c.className != null) {
			config.class = c.className.split(" ");
		}
		if (c.render != null) {
			c.render_func = (data, row) => c.render(data, 'display', row);
		}
	});
	return table_columns_config;

}

const table_utils = {
	get_columns_from_datatable_columns,
	build_table,
};

const render_functions = function () {
	//     formatValueLabel(obj, type, row, zero_is_null) {
	//     if (type !== "display") return obj.value;
	//     let cell = obj.label;
	// 	if (zero_is_null == true && obj.value == 0) {
	// 	    cell = "";
	// 	}
	//     if (obj.color) cell = `<span class='font-weight-bold' style='color: ${obj.color}'>${cell}</span>`;
	//     return cell;
	// }

}();

export default table_utils;