CombatTracker.js

function init_combat_tracker(){
	ct=$("<div id='combat_tracker'/>");
	ct.css("height","20px"); // IMPORTANT
	toggle=$("<button>COMBAT</button>");
	toggle.click(function(){
		if($("#combat_tracker_inside").is(":visible")){
			$("#combat_tracker_inside").hide();
			$("#combat_tracker").css("height","20px"); // IMPORTANT
		}
		else{
			$("#combat_tracker_inside").show();
			$("#combat_tracker").css("height","450px"); // IMPORTANT
		}
	});
	ct.append(toggle);
	ct_inside=$("<div id='combat_tracker_inside'/>");
	ct_inside.hide();
	ct.append(ct_inside);
	
	ct_area=$("<table id='combat_area'/>");
	const ct_list_wrapper = $(`<div class="tracker-list"></div>`);
	ct_list_wrapper.append(ct_area);
	ct_inside.append(ct_list_wrapper);
	
	buttons=$("<div id='combat_footer'/>");
	reorder=$("<button>REORDER</button>");
	reorder.click(ct_reorder);
	
	clear=$("<button>CLEAR</button>");
	clear.click(function(){
		$("#combat_area").empty();
		ct_persist();
	});
	
	next=$("<button>NEXT</button>");
	next.click(function(){
		if($("#combat_area tr").length==0)
			return;

		current=$("#combat_area tr[data-current=1]");
		if(current.length==0){
			console.log('nessuno selezionato');
			$("#combat_area tr").first().attr('data-current','1');
		}
		else{
			current.removeAttr('data-current');
			current.css('background','');
			next=current.next();
			if(next.length==0){
				next=$("#combat_area tr").first()
			}
			next.attr('data-current','1');
		}
		ct_persist();
		//var target=$("#combat_area tr[data-current=1]").attr('data-target');
	});
	
	roll=$("<button>ROLLINIT</button>");
	roll.click(function(){
		$("#combat_area tr[data-monster]").each(function(idx){
			let element=$(this);
			if(element.find(".init").val()!=0) // DON'T ROLL AGAIN'
				return;
					
			window.StatHandler.rollInit($(this).attr('data-monster'),function(value){
				element.find(".init").val(value);
				ct_reorder(false);
			});
			setTimeout(ct_persist,5000); // quick hack to save and resync only one time
		});
		
	});
	if(window.DM){
		buttons.append(roll);
		buttons.append(clear);
		buttons.append(reorder);
		buttons.append(next);
		buttons.css('font-size','8px');
		
		ct_inside.append(buttons);
	}

	if(window.DM) {
		ct.addClass('tracker-dm');
	} else {
		ct.addClass('tracker-player');
	}

	$("#site").append(ct);
}

function ct_reorder(persist=true) {
	var items = $("#combat_area tbody").children().sort(
		function(a, b) {
			var vA = parseInt($(".init", a).val());
			var vB = parseInt($(".init", b).val());
			return (vA > vB) ? -1 : (vA < vB) ? 1 : 0;
		});

	$("#combat_area tbody").append(items);
	if(persist)
		ct_persist();
}


function ct_add_token(token,persist=true){
	// TODO: check if the token is already in the tracker..
	
	selector="#combat_area tr[data-target='"+token.options.id+"']";
	if($(selector).length>0)
		return;
	
	entry=$("<tr/>");
	entry.css("height","30px");
	entry.attr("data-target",token.options.id);
	
	if(token.options.monster > 0)
		entry.attr('data-monster',token.options.monster);
	
	img=$("<img width=35 height=35 class='Avatar_AvatarPortrait__2dP8u'>");
	img.attr('src',token.options.imgsrc);
	img.css('border','3px solid '+token.options.color);
	entry.append($("<td/>").append(img));
	let init=$("<input class='init' maxlength=2 style='font-size:10px;'>");
	init.css('width','20px');
	init.css('-webkit-appearance','none');
	if(window.DM){
		init.val(0);
		init.change(ct_reorder);
	}
	else{
		init.attr("disabled","disabled");
	}
	entry.append($("<td/>").append(init));
	
	// auto roll initiative for monsters
	
	if(window.DM && (token.options.monster > 0)){
		window.StatHandler.rollInit(token.options.monster,function(value){
				init.val(value);
				setTimeout(ct_reorder,1000);
			});
	}
	
	
	
	hp=$("<div class='hp'/>");
	hp.text(token.options.hp);
	
	hp.css('font-size','10px');
	//hp.css('width','20px');
	if(window.DM || !(token.options.monster > 0) )
		entry.append($("<td/>").append(hp));
	else
		entry.append($("<td/>"))
	max_hp=$("<div/>");
	max_hp.text("/"+token.options.max_hp);
	max_hp.css('font-size','10px');
	//max_hp.css('width','20px');
	if(window.DM || !(token.options.monster > 0) )
		entry.append($("<td/>").append(max_hp));
	else
		entry.append($("<td/>"));
	
	
	var buttons=$("<td/>");
	
	
	find=$("<button style='font-size:8px;'>FIND</button>");
	find.click(function(){
		var target=$(this).parent().parent().attr('data-target');
		if(target in window.TOKEN_OBJECTS){
			window.TOKEN_OBJECTS[target].highlight();
		}
	});
	
	
	buttons.append(find);
	
	del=$("<button style='font-size:8px;'>DEL</button>");
	del.click(
		function(){
			$(this).parent().parent().remove();
			ct_persist();
		}
	);
	if(window.DM)
		buttons.append(del);
	
	if(token.options.monster > 0){
		stat=$("<button style='font-size:8px;'>STAT</button>");
		
		stat.click(function(){
			iframe_id="#iframe-monster-"+token.options.monster;
			if($(iframe_id).is(":visible"))
				$(iframe_id).hide();
			else{
				$(".monster_frame").hide();
				load_monster_stat(token.options.monster);
				}
		});
		if(window.DM)
			buttons.append(stat);
		
	}	
	else{
		stat=$("<button style='font-size:8px;'>STAT</button>");
		stat.click(function(){
			open_player_sheet(token.options.id);
		});
		if(window.DM)
			buttons.append(stat);
	}
	
		entry.append(buttons);
	
	
	$("#combat_area").append(entry);
	$("#combat_area td").css("vertical-align","middle");
	
	if(persist){
		ct_persist();
	}
}

function ct_persist(){
	var data= [];
	$('#combat_area tr').each( function () {
	  data.push( {
		'data-target': $(this).attr("data-target"),
		'init': $(this).find(".init").val(),
		'current': ($(this).attr("data-current")=="1"),
	   });
	});
	
	var itemkey="CombatTracker"+$("#message-broker-client").attr("data-gameId");
	
	localStorage.setItem(itemkey,JSON.stringify(data));
	window.MB.sendMessage("custom/myVTT/CT",data);
}

function ct_load(data=null){
	
	if(data==null){
		var itemkey="CombatTracker"+$("#message-broker-client").attr("data-gameId");
		data=$.parseJSON(localStorage.getItem(itemkey));
	}
	
	if(data){	
		for(i=0;i<data.length;i++){
			if(  (data[i]['data-target'] in window.TOKEN_OBJECTS)){
				ct_add_token(window.TOKEN_OBJECTS[data[i]['data-target']] ,false);
				$("#combat_area tr[data-target='"+data[i]['data-target']+"']").find(".init").val(data[i]['init']);
				if(data[i]['current']){
					$("#combat_area tr[data-target='"+data[i]['data-target']+"']").attr("data-current","1").css('background','lightgreen');
				}
			}
		}
	}
	if(window.DM)
		ct_persist();
}