$(function(){
	$('.nav-link').each(function(i,el){
		if($(el).attr('href')===window.location.pathname){
			$(el).addClass('active');
		}
	});
});
var monthArr = ['Jan','Feb','Mar','Apr','May','June','July','Aug','Sep','Oct','Nov','Dec'];
var linesColors = [
	'rgba(255, 99, 132, 1)',
	'rgba(54, 162, 235, 1)',
	'rgba(255, 206, 86, 1)',
    'rgba(75, 192, 192, 1)',
    'rgba(153, 102, 255, 1)',
    'rgba(255, 159, 64, 1)'
];
function getMonthName(d){
	return monthArr[d.getMonth()];
}
function getTime(d){
	var h = d.getHours()+'';
	if(h.length===1){
		h = '0'+h;
	}
	var m = d.getMinutes()+'';
	if(m.length===1){
		m = '0'+m;
	}
	return h+':'+m;
}

				
function formTimeChart(opts){
	$(document).ready(function(){
		opts.type = opts.type || 'line';
		if(!opts.data || !opts.data.labels){
			opts.data     = opts.data || {};
			opts.data.labels   = [];
			opts.data.datasets = [];
			var disItems = {};
			if(opts.rawData.timestamps){
				var d        = new Date();
				var lastDate  = d.getDate();
				var lastMonth = getMonthName(d);
				var len = opts.rawData.timestamps.length;
				for(var i=0;i<len;i++){
					var d     = new Date(opts.rawData.timestamps[i]);
					var date  = d.getDate();
					var month = getMonthName(d);
					if(month!==lastMonth || date!==lastDate){
						opts.data.labels.push(date+' '+month);
						lastMonth = month;
						lastDate = date;
					} else {
						var dis = false;
						var h   = d.getHours();
						if(len > 500){
							dis = true;
						} else if(len > 300){
							dis = h!==12;
						} else if(len > 100){
							dis = h!==6 && h!==12 && h!==18
						} else if(len > 20){
							dis = h!==3 && h!==6 && h!==9 && h!==12 && h!==15 && h!==18 && h!==21
						}
						if(!dis){
							opts.data.labels.push(getTime(d));
						} else {
							disItems[i]=true;
						}
					}
				}
				var i=0;
				for(var name in opts.rawData){
					if(name!=='timestamps'){
						var rData = [];
						for(var j=0;j<len;j++){
							if(!disItems[j]){
								rData.push(opts.rawData[name][j]);
							}
						}
						opts.data.datasets.push({
							label : name,
							data  : rData,
							borderColor: linesColors[i]
						});
						i++;
					}
				}
			} 
		}
		opts.options = opts.options || {};
		opts.options.maintainAspectRatio = false; 
		console.log(opts.data);
		new Chart($(opts.target)[0],opts);
	});
}

function formDataTable(opts){
	$(document).ready(function(){
		if(!opts.columns && opts.rawData && opts.rawData[0]){
			opts.columns = [];
			var colToNum = {};
			for(var i=0;i<opts.rawData.length;i++){
				for(var name in opts.rawData[i]){
					if(!colToNum[name] && colToNum[name]!==0){
						colToNum[name] = opts.columns.length;
						opts.columns.push({
							title : name,
							name  : name 
						});
					}
				}
			}

			var data2    = [];
			for(var i=0;i<opts.rawData.length;i++){
				var row = [];
				for(var j=0;j<opts.columns.length;j++){
					var val = opts.rawData[i][opts.columns[j].name];
					row.push(typeof(val)==='undefined' ? '' : val);
				}
				data2.push(row);
			}
			//console.log(opts.data);
			//console.log(opts.columns);
			//console.log(data2);
			opts.data = data2;
		}
		$(opts.target).DataTable(opts);
	});
}
$(document).ready(function(event){
	var hash = location.hash.replace(/^#/, '');  // ^ means starting, meaning only match the first hash
	if (hash){
		$('.nav-tabs a[href="#' + hash + '"]').tab('show');
	} 
	
	// Change hash for page-reload
	$('.nav-tabs a').on('shown.bs.tab', function (e) {
		window.location.hash = e.target.hash;
	})
});