Profiles and Domains list

Teams

Parties Server:

Party:
Parameters: {

} <br />
		
		<div class="onlySHAOP">
			COB: <select id="partyselection2">
			</select> <br /> Parameters: {
			<textarea id="parameters2" rows="2" cols="70"
				onchange="getParameters('parameters2')" value="" />
			}
		</div>
		<br />

<br /> <br />
		<table>
			<thead>
				<th align="left">Party</th>
				<th align="left">Parameters</th>
				<th align="left"><div class="onlySHAOP">Compare Bids
						Party</div></th>
				<th align="left"><div class="onlySHAOP">Compare Bids
						Parameters</div></th>
			</thead>
			<tbody id="teamList">
				<tr id="FIXME REMOVE">
				</tr>

</tbody>
		</table>

</div>
	<br />
	<form>
		<input id="startbutton" type="button" value="Start Tournament"
			onclick="start()" />
	</form>
	<div id="started" style="visibility: hidden">
		Your tournament started. Click <a href="" id="logref">here</a> to view
		the log file. <br /> <a href="" id="plotref">show results table.</a>.
	</div>

</body>

/**
    The tournament protocol was changed.
    */
    function updateTournamentProt() {
       	updateParameters();
        var tourprot = document.getElementById("tourprotocol").value;
       	document.getElementById("learntimebox").style.display=(tourprot=="AllPermutationsLearn" ? 'block': 'none');
       	
    }
        
    /**
    Parameters are needed if protocol is APP.
    */
    function updateParameters() {
        var tourprot = document.getElementById("tourprotocol").value;
   		if (tourprot=='AllPermutationsLearn') {
    		var params = {"persistentstate":createUUID() };
    		var str=JSON.stringify(params);
    		// remove outer brackets from the text in the box
        	document.getElementById("parameters").value=str.substring(1, str.length-1);
   		}
    }
        
        
 	/**
 	called when user changes the protocol.
 	With SHAOP we show COB selectors and COB columns in the tables.
    */
    function selectSessionProtocol() {
            const protocol = document.getElementById("protocolselection").value;
        	setStyleSheet('.onlySHAOP','{ display: '+(protocol=="SHAOP"? '?':'none')+'; }')
        	
        	document.getElementById("votingevaluator").style.display=(protocol=="MOPAC" ? 'block': 'none');
        	
        	document.getElementById("votingevaluator2").style.display=(protocol=="MOPAC2" ? 'block': 'none');

}
    
    /**
    Change style sheet to new value. Nothing happens if there is
    no style sheet with given classname.
    @param classname the name of the style definition, eg '.onlySHAOP'
    @param style the new style for the class. eg  '{ max-width: 100px; }'
    */
    function setStyleSheet(classname, style) {
    	for (var cssRulenr=0; cssRulenr< document.styleSheets.length; cssRulenr++) {
    		var cssRule = document.styleSheets[cssRulenr];
    		// there may be multple CSS definitions, check each.
        	var rules = cssRule.cssRules;
        	for (var rulenr=0;  rulenr<rules.length; rulenr++) {
        		var rule = rules[rulenr];
        		if ('selectorText' in rule && rule.selectorText==classname) {
        			cssRule.deleteRule(rulenr);
        			cssRule.insertRule(classname+ " "+style, rulenr);
        		}
        	}
    	}
    }
        
	/**
	Refresh known domains using given profilesserver URL. 
	Called when user enters URL for domain server.
	*/
    function connectDomain() {
    	if (domainwebsocket!=null) {
    		domainwebsocket.close();
    		domainwebsocket=null;
    	}
		var url=document.getElementById("profilesserverurl").value;
        var target = "ws://"+url+"/websocket/liststream";
        if ('WebSocket' in window) {
        	domainwebsocket = new WebSocket(target);
        } else if ('MozWebSocket' in window) {
        	domainwebsocket = new MozWebSocket(target);
        } else {
            alert('WebSocket is not supported by this browser. Please use a newer browser');
            return;
        }
        domainwebsocket.onopen = function () {
        	// whatever.
        };
        domainwebsocket.onmessage = function (event) {
        	updateDomainComboBox(JSON.parse(event.data));
        };
        domainwebsocket.onclose = function (event) {
            alert('Info: Server closed connection. Code: ' + event.code + 
            		(event.reason == "" ? "" : ", Reason: " + event.reason));
            domainwebsocket=null;
            updateDomainComboBox({});
        };
    }

/**
    Sets a new knowndomains value and Updates the contents of the domain selector combobox.
    @param the known domains, a map of the form {"jobs":["jobs1","jobs2"]}
        where the keys are the names of the available domains nd the values a list of the available profiles in that domain.

*/
    function updateDomainComboBox(newdomains) {
        knowndomains=newdomains
		var combobox = document.getElementById("domainselection");
		combobox.options.length=0;
    	for (var domain in knowndomains) {
            var option = document.createElement('option');
            option.text = option.value = domain;
            combobox.add(option, 0);
    	}
    	selectDomain();
    }
        
	/**
	Connects to partieslist service on partiesserver and 
	forwards reported parties into the updateParties() call.
	*/
	class PartiesListWebsocket {
		constructor(target) {
			this.isopen=false
			var that=this
	        if ('WebSocket' in window) {
	        	this.partieswebsocket = new WebSocket(target);
	        } else if ('MozWebSocket' in window) {
	        	this.partieswebsocket = new MozWebSocket(target);
	        } else {
	            alert('WebSocket is not supported by this browser. Please use a newer browser');
	            return;
	        }
	        this.partieswebsocket.onopen = function () {
	        	console.log("new websocket conn made")
	        	that.isopen=true
	        };
	        this.partieswebsocket.onmessage = function (event) {
	        	console.log("new parties data came in")
	        	updateParties(JSON.parse(event.data));
	        };
	        this.partieswebsocket.onclose = function (event) {
	            if (that.isopen) {
	                alert('Info: Server closed connection. Code: ' + event.code + 
	                		(event.reason == "" ? "" : ", Reason: " + event.reason));
	            	that.isopen=false;
	            	updateParties({});
	            }
	        };
		}
		close() {
			if (this.isopen)
				console.log("closing parties listener")
	 		this.isopen=false;
			this.partieswebsocket.close()
		}
	}   
	
   	/**
   	Refresh known parties using given partiesserver URL. 
   	Called when user enters URL for parties server.
   	*/
       function connectParties() {
       	if (partieslistlistener!=null) {
       		partieslistlistener.close();
       	}
   		var url=document.getElementById("partiesserverurl").value;
           var target = "ws://"+url+"/available";
           partieslistlistener = new PartiesListWebsocket(target)
       }

/**
	@param parties a new list of parties available on the parties server
	*/
	function updateParties(parties) {
		updatePartyCombo(document.getElementById("partyselection"), parties, 'shaop');
		updatePartyCombo(document.getElementById("partyselection2"), parties, 'comparebids');
	}
	
	/**
	put the available parties in the party comboboxes.
	@param combobox a document <select> element 
	@param parties a dict of party information coming from the partiesserver
	@param select a string that may be a substring of the part names. 
	@return the combobox value that contains 'select' as substring, or undefined
	*/
	function updatePartyCombo(combobox, parties, select) {
		var selection=undefined;
		combobox.options.length=0;
    	for (var party in parties) {
            var option = document.createElement('option');
            option.text = option.value = parties[party].uri;
            if (option.text.includes(select) ) option.selected=true;
            combobox.add(option, 0);
    	}
    	return selection;
	}

/**
    @param elementname eg "parameters", the ID of the element in the <input> element 
    @return the JSON parsed object, or {} if empty or parsing fails.
    */
    function getParameters(elementname) {
		var text="{"+document.getElementById(elementname).value+"}";
    	try {
			return JSON.parse(text);
    	} catch(e) {
    		alert("Parameters can not be parsed. Make sure you write correct JSON here."+e);
    	}
		return {};
    }

/**
	Called when the selected domain changes. Assumes knowndomains has been set.
	Updates the available profiles in the profile combobox.
	@param selection the name of the selected domain. 
	*/
	function selectDomain() {
		// determined current selection
		var domaincombobox = document.getElementById("domainselection");
		if (domaincombobox.options.length==0) return; // fixme clean profiles options?
		var domain = domaincombobox.options[domaincombobox.selectedIndex].value;
		updateProfiles(knowndomains[domain])
	}
	
	function updateProfiles(profileslist) {
		updateProfileCombo(document.getElementById("profileselection1"),profileslist);
		updateProfileCombo(document.getElementById("profileselection2"),profileslist);
	}
	
	/**
	@param combobox the <select> element that should be udpated
	@param profileslist the list of profile names to be put in the combbo
	*/
	function updateProfileCombo(profilecombo, profileslist) {
		profilecombo.options.length=0;
		for (var profile in profileslist) {
            var option = document.createElement('option');
            option.text = option.value = profileslist[profile];
            profilecombo.add(option, 0);
		}
	}
	
	
	/**
	Called when user clicks "Add" 
	*/
	function addTeam() {
		var partycombo = document.getElementById("partyselection");
		var partycombo2 = document.getElementById("partyselection2");
		var param = getParameters("parameters");
		var param2 = getParameters("parameters2");
		
		
		if (partycombo.options.length==0) {
			alert("Please set partier server and select a party");
			return;
		}
		var team = [];
		team.push({"partyref":partycombo.options[partycombo.selectedIndex].value, "parameters":param});
		team.push({"partyref":partycombo2.options[partycombo2.selectedIndex].value, "parameters":param2});

teamslist.push(team);
		updateTeamsTable();
		updateParameters(); // generate new UUID for next party
	}
	
	/** updates the teams table, to match the #partyprofiles list.	 	*/
	function updateTeamsTable() {
		var table = document.getElementById("teamList");
		table.innerHTML = ""; // clear table
		for ( const team of teamslist) {
			var row = table.insertRow(-1);
			for (const col in team) {
				const party = team[col]
				var cell1 = row.insertCell(-1);
				var cell2 = row.insertCell(-1);
				cell1.innerHTML = party["partyref"];
				cell2.innerHTML = JSON.stringify(party["parameters"]).replace(/,/g,", ");;
				cell2.setAttribute("style","overflow-wrap: anywhere;");
				if (col>0) {
					cell1.className = cell2.className = "onlySHAOP";
				}

}
		}
		
		selectSessionProtocol(); // HACK we need to KEEP onlySHAOP elements hidden
	}

/**
	@param profilenr the profile nr, 1 for normal , 2 for cob profile
	*/
	function getProfile(profilenr) {
		var profilecombo = document.getElementById("profileselection"+profilenr);
		if (profilecombo.options.length==0) {
			alert("Please set domain/profile server and select a domain and a profile");
			throw "blabla";
		}
		var filteroptions = document.getElementById("filter"+profilenr).value;
		if (filteroptions!="") {
			filteroptions="?"+filteroptions;
		}

//return profilecombo.options[profilecombo.selectedIndex].value + filteroptions
		return profilecombo.value + filteroptions
	}
	
	/**
	Called when user clicks "Add" to add a profile set
	*/
	function addProfiles() {
		profiles.push([getProfile(1), getProfile(2)]);
		updateProfileTable(); // what, MVC?
	}
	
	/** updates the party table, to match the #partyprofiles list.	 	*/
	function updateProfileTable() {
		var table = document.getElementById("profilesList");
		table.innerHTML = ""; // clear table
		for ( const profileset of profiles) {
			var row = table.insertRow(-1);
			for (var col in profileset) {
				var profile = profileset[col];
				var cell1 = row.insertCell(-1);
				cell1.innerHTML = profile;
				if (col>0) cell1.className = "onlySHAOP"
			}			
		}
		selectSessionProtocol(); // HACK we need to KEEP onlySHAOP elements hidden
	}
	
	/**
	start the tournament as currently set on this page.
	We need to send a TournamentSettings object to the server, which typically looks like this with SAOP
	<code>
	{"AllPermutationsSettings":{"parties":["party1","party2"],
		"profiles":["profile1","profile2","profile3"],
		"reuseParties":false,
		"partiesPerSession":2,
		"sessionsettings":{"SAOPSettings":{"participants":[],"deadline":{"deadlinetime":{"durationms":10}}}}}}
	</code>
	participants are already in the global partyprofiles dictionary
	
	With SHAOP, it looks like this
	<code>
	{
		"AllPermutationsSettings": {
			"parties": [ { "partyref": "classpath:geniusweb.exampleparties.simpleshaop.ShaopParty", "parameters": { } },
				{ "partyref": "classpath:geniusweb.exampleparties.randomparty.RandomParty",	"parameters": {	}}
			],
			"reuseParties": false,
			"profiles": [ 	"prof1?partial=10", "prof2?partial=15"],
			"partiesPerSession": 2,
			"sessionsettings": { 	"SHAOPSettings": {
					"participants": [ ], 
					"deadline": { "deadlinerounds": {	"rounds": 10, "durationms": 10000	} } } } } }
	</code>
	*/
	function start() {
		const npersession = document.getElementById("teamspersession").value;
		
		if (teamslist.length < npersession) {
			alert("At least "+npersession+" teams are needed.");
			return;
		}
		
		if (profiles.length < npersession) {
			alert("At least "+npersession+" profilesets are needed.");
			return;
		}

// see https://www.w3schools.com/xml/dom_httprequest.asp
	    var xmlHttp = new XMLHttpRequest();
	    xmlHttp.onreadystatechange = function() { 
	        if (this.readyState == 4) {
	        	if (this.status == 200) {
	        		document.getElementById("startbutton").disabled=true;
	        		document.getElementById("started").setAttribute("style","");
    	    		document.getElementById("logref").href="log/"+this.responseText+".json";
	        		document.getElementById("plotref").href="utilstable.xhtml?"+this.responseText;
	        	} else 
	        		alert("request failed:"+this.statusText);
	        } 
	    }
	    xmlHttp.open("POST", "run", true); 
	    xmlHttp.send(makeRequest());
	}
	
	/**
	@return a json request package containing a AllPermutationsSettings.
	It assumes that global vars parties and sessionSettings have been set properly.
	*/
	function makeRequest() {
		const npersession = document.getElementById("teamspersession").value;
		const ntournaments = document.getElementById("ntournaments").value;
		const reuseTeams  = document.getElementById("reuseteams").checked;
		const protocolcombobox = document.getElementById("protocolselection");
		const protocol = protocolcombobox.options[protocolcombobox.selectedIndex].value;
		const header=protocol+"Settings";

const sessionSettings = { [header]:settingvalues};

var settings={"teams":teamsFull,"profileslists":profilesFull,
   				"reuseTeams":reuseTeams,"teamsPerSession":npersession,
   				"sessionsettings":sessionSettings,
   				"numberTournaments":ntournaments};

// add the Learn settings if needed
        var tourprot = document.getElementById("tourprotocol").value;
        var learntime = 1000*document.getElementById("learntime").value;
   		if (tourprot=='AllPermutationsLearn') {
			settings["learnSettings"]={
				"LearnSettings":{
					"participants":[], 
					"deadline": {"deadlinetime": { "durationms": learntime }}
				}
			} ;
   		}
   		
   		var mainheader=tourprot+"Settings";
		return JSON.stringify({[mainheader]:settings});
	}
		
		
	/**
	@return a random UUID. 
	Note − This should not be used in production as GUID or UUID 
	generated by Math.Random() may not be unique.
	*/
	function createUUID() {
		   return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
		      var r = Math.random() * 16 | 0, v = c == 'x' ? r : (r & 0x3 | 0x8);
		      return v.toString(16);
		   });
	}

/**
	Initialize the page after html is loaded. 
	*/
	function init() {
		document.getElementById("partiesserverurl").value =window.location.hostname+":8080/partiesserver-2.1.6";
		document.getElementById("profilesserverurl").value =window.location.hostname+":8080/profilesserver-2.1.6";

selectSessionProtocol();
		connectDomain();
		connectParties();
		updateTournamentProt();
	}

]]>

</script>

</html>

Tournament

Tournament global settings

Profiles

Teams