// Copyright (c) 2017 kroppy. All rights reserved.
// Use of this source code is governed by a Attribution-NonCommercial-NoDerivatives 4.0 International (CC BY-NC-ND 4.0) license
// that can be found at https://creativecommons.org/licenses/by-nc-nd/4.0/

// **********         GLOBAL VARIABLES FOR BACKGROUND, OPTIONS AND SIDEBAR         ***************

var running = false;
var schedule_save = -999;
var schedule_update_data = 0;
var schedule_rearrange_tabs = 0;
var schedule_rearrange_reverse = false;
var windows = {};
var tabs = {};
var tt_ids = {};
var DragAndDrop = {
	timeout: false,
	Depth: 0,
	// DragNode: undefined,
	DragNodeClass: "",
	TabsIds: [],
	TabsIdsParents: [],
	TabsIdsSelected: [],
	Folders: {},
	FoldersSelected: [],
	ComesFromWindowId: undefined,
	DroppedToWindowId: 0
};
var menuItemNode;
var CurrentWindowId = 0;
var SearchIndex = 0;
var active_group = "tab_list";
var opt = {};
var browserId = navigator.userAgent.match("Opera") !== null ? "O" : ( navigator.userAgent.match("Vivaldi") !== null ? "V" : (navigator.userAgent.match("Firefox") !== null ? "F" : "C" )  );
var bgtabs = {};
var bggroups = {};
var bgfolders = {};
var caption_clear_filter = chrome.i18n.getMessage("caption_clear_filter");
var caption_loading = chrome.i18n.getMessage("caption_loading");
var caption_searchbox = chrome.i18n.getMessage("caption_searchbox");
var caption_ungrouped_group = chrome.i18n.getMessage("caption_ungrouped_group");
var caption_noname_group = chrome.i18n.getMessage("caption_noname_group");
const DefaultToolbar =
	'<div id=toolbar_main>'+
		'<div class=button id=button_new><div class=button_img></div></div>'+
		'<div class=button id=button_pin><div class=button_img></div></div>'+
		'<div class=button id=button_undo><div class=button_img></div></div>'+
		'<div class=button id=button_search><div class=button_img></div></div>'+
		'<div class=button id=button_tools><div class=button_img></div></div>'+
		'<div class=button id=button_groups><div class=button_img></div></div>'+
		'<div class=button id=button_backup><div class=button_img></div></div>'+
		'<div class=button id=button_folders><div class=button_img></div></div>'+
	'</div>'+
	'<div class=toolbar_shelf id=toolbar_search>'+
		'<div id=toolbar_search_input_box>'+
			'<input id=filter_box type=text placeholder=Search tabs...></input>'+
			'<div id=button_filter_clear style="opacity:0; position:absolute;" type=reset></div>'+
		'</div>'+
		'<div id=toolbar_search_buttons>'+
			'<div class=button id=button_filter_type><div class=button_img></div></div>'+
			'<div class=button id=filter_search_go_prev><div class=button_img></div></div>'+
			'<div class=button id=filter_search_go_next><div class=button_img></div></div>'+
		'</div>'+
	'</div>'+
	'<div class=toolbar_shelf id=toolbar_shelf_tools>'+
		'<div class=button id=button_options><div class=button_img></div></div>'+
		(browserId != "F" ?
		'<div class=button id=button_bookmarks><div class=button_img></div></div>'+
		'<div class=button id=button_downloads><div class=button_img></div></div>'+
		'<div class=button id=button_history><div class=button_img></div></div>'+
		'<div class=button id=button_settings><div class=button_img></div></div>'+
		'<div class=button id=button_extensions><div class=button_img></div></div>'
		: '')+
		'<div class=button id=button_unload><div class=button_img></div></div>'+
		'<div class=button id=button_detach><div class=button_img></div></div>'+
	'</div>'+
	'<div class=toolbar_shelf id=toolbar_shelf_groups>'+
		'<div class=button id=button_groups_toolbar_hide><div class=button_img></div></div>'+
		'<div class=button id=button_new_group><div class=button_img></div></div>'+
		'<div class=button id=button_remove_group><div class=button_img></div></div>'+
		'<div class=button id=button_edit_group><div class=button_img></div></div>'+
		'<div class=button id=button_import_group><div class=button_img></div></div>'+
		'<div class=button id=button_export_group><div class=button_img></div></div>'+
	'</div>'+
	'<div class=toolbar_shelf id=toolbar_shelf_backup>'+
		'<div class=button id=button_import_bak><div class=button_img></div></div>'+
		'<div class=button id=button_import_merge_bak><div class=button_img></div></div>'+
		'<div class=button id=button_export_bak><div class=button_img></div></div>'+
		(browserId != "F" ?
		'<div class=button id=button_load_bak1><div class=button_img></div></div>'+
		'<div class=button id=button_load_bak2><div class=button_img></div></div>'+
		'<div class=button id=button_load_bak3><div class=button_img></div></div>'
		: '')+
	'</div>'+
	'<div class=toolbar_shelf id=toolbar_shelf_folders>'+
		'<div class=button id=button_new_folder><div class=button_img></div></div>'+
		'<div class=button id=button_remove_folder><div class=button_img></div></div>'+
		'<div class=button id=button_edit_folder><div class=button_img></div></div>'+
	'</div>';
var DefaultTheme = {
	"ToolbarShow": true,
	"ColorsSet": {},
	"TabsSizeSetNumber": 2,
	"TabsMargins": "2",
	"theme_name": "untitled",
	"theme_version": 3,
	"toolbar": DefaultToolbar,
	"unused_buttons": ""
};
var DefaultPreferences = {
	"skip_load": false,
	"pin_list_multi_row": true,
	"always_show_close": false,
	"never_show_close": false,
	"allow_pin_close": false,
	"append_child_tab": "bottom",
	"append_child_tab_after_limit": "after",
	"append_orphan_tab": "bottom",
	"after_closing_active_tab": "below_seek_in_parent",
	"collapse_other_trees": false,
	"open_tree_on_hover": true,
	"promote_children": true,
	"promote_children_in_first_child": true,
	"max_tree_depth": -1,
	// "max_tree_depth_folders": 0,
	"max_tree_drag_drop": true,
	"max_tree_drag_drop_folders": false,
	"switch_with_scroll": false,
	"syncro_tabbar_tabs_order": true,
	"show_counter_groups": true,
	"show_counter_tabs": true,
	"show_counter_tabs_hints": true,
	"groups_toolbar_default": true,
	"syncro_tabbar_groups_tabs_order": true,
	"midclick_tab": "close_tab",
	"dbclick_tab": "new_tab",
	"dbclick_group": "new_tab",
	"midclick_group": "nothing",
	"midclick_folder": "nothing",
	"dbclick_folder": "rename_folder",
	"debug": false
};
var theme = {
	"TabsSizeSetNumber": 2,
	"TabsMargins": "2",
	"ToolbarShow": true,
	"toolbar": DefaultToolbar
};

// *******************             GLOBAL FUNCTIONS                 ************************

// generate random id
function GenerateRandomID(){
	var letters = ["0","1","2","3","4","5","6","7","8","9","A","B","C","D","E","F","G","H","I","K","L","M","N","O","P","R","S","T","Q","U","V","W","Y","Z","a","b","c","d","e","f","g","h","i","k","l","m","n","o","p","r","s","t","q","u","v","w","y","z"];
	var random = ""; for (var letter = 0; letter < 6; letter++ ) {random += letters[Math.floor(Math.random() * letters.length)];} return random;
}

// color in format "rgb(r,g,b)" or simply "r,g,b" (can have spaces, but must contain "," between values)
function RGBtoHex(color){
	color = color.replace(/[rgb(]|\)|\s/g, ""); color = color.split(","); return color.map(function(v){ return ("0"+Math.min(Math.max(parseInt(v), 0), 255).toString(16)).slice(-2); }).join("");
}

function HexToRGB(hex, alpha){
	hex = hex.replace('#', '');
	let r = parseInt(hex.length == 3 ? hex.slice(0, 1).repeat(2) : hex.slice(0, 2), 16);
	let g = parseInt(hex.length == 3 ? hex.slice(1, 2).repeat(2) : hex.slice(2, 4), 16);
	let b = parseInt(hex.length == 3 ? hex.slice(2, 3).repeat(2) : hex.slice(4, 6), 16);
	if (alpha) { return 'rgba('+r+', '+g+', '+b+', '+alpha+')'; } else { return 'rgb('+r+', '+g+', '+b+')'; }
}

function GetCurrentTheme() {
	chrome.storage.local.get(null, function(items) {
		if (items["current_theme"] && items["themes"] && items["themes"][items["current_theme"]]) {
			theme = items["themes"][items["current_theme"]];
			if (theme.theme_version == 1) {
				theme["ColorsSet"]["scrollbar_height"] = theme.ScrollbarPinList + "px";
				theme["ColorsSet"]["scrollbar_width"] = theme.ScrollbarTabList + "px";
				theme["toolbar"] = DefaultToolbar;
				theme["unused_buttons"] = "";
			}
			if (theme.theme_version == 2) {
				SelectedTheme["TabsMargins"] = "2";
			}
		} else {
			theme = Object.assign({}, DefaultTheme);
		}
	});
}

function ApplyTheme(theme) {
	if (theme.theme_version == 1) {
		theme["ColorsSet"]["scrollbar_height"] = theme.ScrollbarPinList + "px";
		theme["ColorsSet"]["scrollbar_width"] = theme.ScrollbarTabList + "px";
		theme["toolbar"] = DefaultToolbar;
		theme["unused_buttons"] = "";
	}
	if (theme.theme_version == 2) {
		theme["TabsMargins"] = "2";
	}
	RestoreStateOfGroupsToolbar();
	ApplySizeSet(theme["TabsSizeSetNumber"]);
	ApplyColorsSet(theme["ColorsSet"]);
	ApplyTabsMargins(theme["TabsMargins"]);
	if (theme.ToolbarShow == true) {
		SetToolbarEvents(true, false, false, "");
		if (theme.theme_version == DefaultTheme.theme_version) {
			document.getElementById("toolbar").innerHTML = theme.toolbar;
			if (browserId == "F") {
				document.querySelectorAll(".button#button_load_bak1, .button#button_load_bak2, .button#button_load_bak3").forEach(function(s){
					s.parentNode.removeChild(s);
				});
			}
		} else {
			document.getElementById("toolbar").innerHTML = DefaultToolbar;
		}
		SetToolbarEvents(false, true, true, "mousedown");
		RestoreToolbarShelf();
		RestoreToolbarSearchFilter();
	}	else {
		document.getElementById("toolbar").innerHTML = "";
		RefreshGUI();
	}
	
	for (var groupId in bggroups) {
		let groupTitle = document.getElementById("_gte"+groupId);
		if (groupTitle != null && bggroups[groupId].font == "") {
			groupTitle.style.color = "";
		}
	}
	Loadi18n();
}

// theme colors is an object with css variables (but without --), for example; {"button_background": "#f2f2f2", "filter_box_border": "#cccccc"}
function ApplyColorsSet(ThemeColors){
	let css_variables = "";
	for (let css_variable in ThemeColors) {
		css_variables = css_variables + "--" + css_variable + ":" + ThemeColors[css_variable] + ";";
	}
	for (let si = 0; si < document.styleSheets.length; si++) {
		if (document.styleSheets[si].ownerNode.id == "theme_colors") {
			document.styleSheets[si].deleteRule(document.styleSheets[si].cssRules.length-1);
			document.styleSheets[si].insertRule("body { "+css_variables+" }", document.styleSheets[si].cssRules.length);
		}
	}
}

function ApplySizeSet(size){
	for (let si = 0; si < document.styleSheets.length; si++) {
		if ((document.styleSheets[si].ownerNode.id).match("sizes_preset") != null) {
			if (document.styleSheets[si].ownerNode.id == "sizes_preset_"+size) {
				document.styleSheets.item(si).disabled = false;
			} else {
				document.styleSheets.item(si).disabled = true;
			}
		}
	}
	if (browserId == "F") {
		// for some reason top position for various things is different in firefox?????
		if (size > 1) {
			document.styleSheets[document.styleSheets.length-1].insertRule(".tab_header>.tab_title { margin-top: -1px; }", document.styleSheets[document.styleSheets.length-1].cssRules.length);
		} else {
			document.styleSheets[document.styleSheets.length-1].insertRule(".tab_header>.tab_title { margin-top: 0px; }", document.styleSheets[document.styleSheets.length-1].cssRules.length);
		}
	}
}

function ApplyTabsMargins(size){
	for (let si = 0; si < document.styleSheets.length; si++) {
		if ((document.styleSheets[si].ownerNode.id).match("tabs_margin") != null) {
			if (document.styleSheets[si].ownerNode.id == "tabs_margin_"+size) {
				document.styleSheets.item(si).disabled = false;
			} else {
				document.styleSheets.item(si).disabled = true;
			}
		}
	}
}

function LoadDefaultPreferences() {
	opt = Object.assign({}, DefaultPreferences);
}

function SavePreferences() {
	chrome.runtime.sendMessage({command: "save_preferences", opt: opt}, function(response) {
		setTimeout(function() {
			chrome.runtime.sendMessage({command: "reload_options"});
		}, 300);
	});
}

function ShowOpenFileDialog(id, extension) {
	let body = document.getElementById("body");
	let inp = document.createElement("input");
	inp.id = id;
	inp.type = "file";
	inp.accept = extension;
	inp.style.display = "none";
	body.appendChild(inp);
	inp.click();
	return inp;
}

function SaveFile(filename, data) {
	chrome.tabs.query({currentWindow: true, active: true}, function(activeTab) {
		chrome.tabs.create({url: "download.html"}, function(tab) {
			setTimeout(function() {
				chrome.runtime.sendMessage({command: "show_save_file_dialog", currentTabId: activeTab[0].id, selfTabId: tab.id, data: data, filename: filename});
			}, 100);
		});
	});
}

// function SaveFile(filename, data) {
	// let file = new File([JSON.stringify(data)], filename, {type: "text/csv;charset=utf-8"} );
	// let body = document.getElementById("body");
	// let savelink = document.createElement("a");
	// savelink.target = "_blank";
	// savelink.style.display = "none";
	// savelink.type = "file";
	// savelink.download = filename;
	// savelink.href = URL.createObjectURL(file);
	// body.appendChild(savelink);
	// savelink.click();
	// savelink.parentNode.removeChild(savelink);
// }

function EmptyDragAndDrop() {
	DragAndDrop.timeout = false;
	DragAndDrop.DragNodeClass = "";
	DragAndDrop.DroppedToWindowId = 0;
	DragAndDrop.ComesFromWindowId = undefined;
	DragAndDrop.Depth = 0;
	DragAndDrop.TabsIds = [];
	DragAndDrop.TabsIdsParents = [];
	DragAndDrop.TabsIdsSelected = [];
	DragAndDrop.Folders = {};
	DragAndDrop.FoldersSelected = [];
}